图形学 | 蓄势待发!说一说图片相关的那些概念

简介: 图形学 | 蓄势待发!说一说图片相关的那些概念

前言


  • 在深入理解图片底层原理的过程中,会接触到各种概念,今天我们简单梳理一下。
  • 如果能帮上忙,请务必点赞加关注,这真的对我非常重要。


目录

image.png

1. 存储形式


图像的主要存储形式分为:File、Stream、Bitmap


2. 图片分类


2.1 有损压缩 & 无损压缩


所谓损失指的是图片的质量,根据压缩过程是否损失图片质量分为两种:


  • 有损压缩(Lossy compression)

压缩过程中损失图片的一部分信息 / 质量,而这种损失是不可逆的。最常见的有损压缩手段是矢量量化,即按照一定的算法将颜色相似的一块区域合并为同一种颜色。

举例:JPEG。


  • 无损压缩(Lossless Compression)

压缩过程中优化冗余数据,而这种优化不会造成图片质量损失。

举例:PNG。


2.2  位图 & 矢量图


  • 位图(Bitmap,又称点阵图、栅格图)
  • 通过像素阵列的排列来来显示图像;
  • 像素是位图的最小单位,每个像素都有自己的颜色信息;
  • 位图缩放会是增大 / 缩小单个像素,会出现失真(锯齿)。

举例:JEPG、PNG、GIF、WebP。


  • 矢量图(Vector)
  • 通过记录图像元素的形状和颜色的算法,根据算法运算来显示图像;
  • 无限放大缩小不失真。

举例:SVG。


2.3 直接色 & 索引色


  • 直接色(Index Colour)

像素数据数值本身就代表一种颜色,例如一个 ARGB 颜色类型的数值0xFFFF0000就代表正红色。


  • 索引色(Direct Colour)

像素数据本身不代表颜色,而是一个指向颜色索引表的索引号。索引色格式适用于图像颜色类型较少的情况,相对于直接色能够大大缩小文件大小。

image.png

image.png


引用自 developer.android.com/topic/perfo… —— Android Developers


3. 色彩


3.1 色彩深度(Bit Depth)


表示像素能呈现的颜色数量,一般用数据位数表示。例如 8 bit 色彩深度,就是把每种颜色通道分为 256 种不同强度等级,所以 RGB 三种颜色通道加起来一共可以表示2242^{24}224种颜色。


3.2 色彩空间(ColorSpace)


又称色域(Color Gamut),表示像素能涵盖的色彩范围,主要有以下几种:


  • CIE XYZ


1931 年,国际照明委员会(CIE)在测得三原色的准确波长后,定义了一个 XYZ 色彩空间,第一次表示出了人类肉眼可见的色彩范围。


image.png

经过数学运算之后可以转换为这张更直观的 CIE XY 色度图:


image.png

  • sRGB

目前互联网上最常见的色域标准,大概覆盖了 35% 的CIE XYZ 色彩空间。


  • YUV

主要用于表示彩色视频的色彩空间(节省带宽,每个像素位深最大不超过 12 位,最小为 6位)


  • CMYK

主要用于彩色印刷的色彩空间。

image.png


引用自 baike.baidu.com/item/%E8%89… —— 百度百科


4. 文件格式


Editting...

GIF位深为8位,所以文件通常较小,而且支持alpha通道以及动画 Webp在等质量大小上和等大小清晰度上都占极大优势 SVG由xml描述,可以适配任何分辨率而保证图像不失真 所以图片压缩主要是针对PNG和JPEG这两种格式


png压缩采用libpng进行压缩,主要场景为编译阶段以及api层调用 jpeg压缩采用libjpeg(Android7后是)进行压缩,主要场景为api层调用

目录
相关文章
|
7月前
|
算法 数据可视化 vr&ar
【图形学】探秘图形学奥秘:区域填充的解密与实战
【图形学】探秘图形学奥秘:区域填充的解密与实战
63 0
|
4月前
|
Java 程序员
让我们一起探讨Java多态的奥秘,看看它是如何打破“一刀切”的局限,让我们的代码更加生动多彩
让我们一起探讨Java多态的奥秘,看看它是如何打破“一刀切”的局限,让我们的代码更加生动多彩
45 5
|
4月前
|
存储 API 图形学
Unity精华☀️二、到底是什么原因导致“万向锁”?旋转翻车的终极解析!
Unity精华☀️二、到底是什么原因导致“万向锁”?旋转翻车的终极解析!
|
7月前
|
设计模式 算法 开发者
代码之美:探索编程艺术与实践的交汇点
【4月更文挑战第2天】 在数字世界的构建中,代码不仅仅是一种工具,它亦是艺术家手中的画笔。本文旨在探讨编程作为一种技术和艺术相结合的领域,揭示那些隐藏在代码背后的美学原则和创造力。我们将从编程的基础出发,逐步深入到设计模式、算法优雅性以及代码的可读性和维护性,最终探讨如何通过技术实现创新并解决问题。文章的目的是为那些渴望在技术实践中寻找创造性和美感的开发者提供灵感和指导。
|
机器学习/深度学习 人工智能 自然语言处理
扩散模型背后数学太难了,啃不动?谷歌用统一视角讲明白了
扩散模型背后数学太难了,啃不动?谷歌用统一视角讲明白了
249 0
|
Android开发 容器
深度好文|Android事件分发机制分析(已重新排版)
深度好文|Android事件分发机制分析(已重新排版)
深度好文|Android事件分发机制分析(已重新排版)
|
存储 缓存 Linux
真棒! 20 张图揭开内存管理的迷雾,瞬间豁然开朗
本篇跟大家说说内存管理,内存管理还是比较重要的一个环节,理解了它,至少对整个操作系统的工作会有一个初步的轮廓,这也难怪面试的时候常问内存管理。
真棒! 20 张图揭开内存管理的迷雾,瞬间豁然开朗
|
存储 算法 程序员
手把手:四色猜想、七桥问题…程序员眼里的图论,了解下?(附大量代码和手绘)
长文预警!本文作者Vardan Grigoryan是一名后端程序员,但他认为图论(应用数学的一个分支)的思维应该成为程序员必备。 本文从七桥问题引入,将会讲到图论在Airbnb房屋查询、推特推送更新时间、Netflix和亚马逊影片/商品个性化推荐、Uber寻找最短路线中的应用,附有大量手把手代码和手绘插图,值得收藏。
3435 0
带你读《流动的色彩—— 一本探索自由水彩世界的技法书》之三:猫
水彩画清新透明的质感、水色交融的画面,如同抒情诗或轻音乐般柔美。本书是一本从入门到精通式的水彩画技法教程,内容全面实用,讲解浅显易懂,编排清晰直观,既适合初学者,也适合有一定基础的绘画爱好者。希望本书能让读者在学习的过程中感受用画笔记录身边美好事物的乐趣。
带你读《流动的色彩—— 一本探索自由水彩世界的技法书》之二:绘画技法
水彩画清新透明的质感、水色交融的画面,如同抒情诗或轻音乐般柔美。本书是一本从入门到精通式的水彩画技法教程,内容全面实用,讲解浅显易懂,编排清晰直观,既适合初学者,也适合有一定基础的绘画爱好者。希望本书能让读者在学习的过程中感受用画笔记录身边美好事物的乐趣。
下一篇
DataWorks