给自己看的有关于图片的一些总结

目前常用的图片格式有JPEG，PNG，GIF
几个概念：

1. 有损数据压缩（英文：lossy compression）是一种数据压缩方法，经过此方法压缩、解压的数据会与原始数据不同但是非常接近。在压缩文件大小的过程中，损失掉一部分图片的信息，例如，人眼无法分辨的像素，人无法识别的音频片段。即降低了图片的质量，并且重新解压缩时无法100%还原图片的信息。
2. 无损数据压缩（Lossless Compression）指数据经过压缩后，信息不受损失，还能完全恢复到压缩前的原样。无损压缩通常用于严格要求“经过压缩、解压缩的数据必须与原始数据一致”的场合。典型的例子包括文字文件、程序可执行文件、程序源代码。有些图片文件格式，例如PNG和GIF，使用的是无损压缩。
3. 矢量图：通过组成图形的一些基本元素，如点、线、面，边框，填充色等信息通过计算的方式来显示图形的。就好比我们在几何学里面描述一个圆可以通过它的圆心位置和半径来描述，当然还可以通过边框的粗细、颜色以及填充的颜色等数据去描述它的样式。而电脑在显示的时候则通过这些数据去绘制出我们定义的图像。矢量图的优点在于文件相对较小，并且放大缩小不会失真。例如：svg
4. 位图：又叫像素图或栅格图，它是通过记录图像中每一个点的颜色、深度、透明度等信息来存储和显示图像。一张位图就好比一幅大的拼图，只不过每个拼块都是一个纯色的像素点，当我们把这些不同颜色的像素点按照一定规律排列在一起的时候，就形成了我们所看到的图像。位图是由一个个像素点组成的，每个像素点在计算机中存储方式为二进制数，即位深度。每个像素点所使用的二进制位数越多，像素的色彩就越丰富，例如一个二进制位只有两种颜色（1白色，0黑色）

5. 索引色和真彩色：肉眼能分辨的颜色有限，24位编码一像素能反映肉眼真实的色彩，叫真彩色。GIF的图片只保存了常用的256种颜色，并且按照索引0~255排序，叫索引色
RGB图像由三个颜色通道组成。8 位/通道的 RGB 图像中的每个通道有 256 个可能的值，这意味着该图像有 1600 万个以上可能的颜色值。有时将带有 8 位/通道 (bpc) 的 RGB 图像称作 24 位图像（8 位 x 3 通道 = 24 位数据/像素）。通常将使用24位RGB组合数据位表示的的位图称为真彩色位图。
6.Alpha通道（α Channel或Alpha Channel）是指一张图片的透明和半透明度。例如：一个使用每个像素16比特存储的位图，对于图形中的每一个像素而言，可能以5个比特表示红色，5个比特表示绿色，5个比特表示蓝色，最后一个比特是阿尔法。在这种情况下，它要么表示透明要么不是，因为阿尔法比特只有0或1两种不同表示的可能性。又如一个使用32个比特存储的位图，以每8个比特分别表示红绿蓝及阿尔法通道。在这种情况下，就不光可以表示透明还是不透明，阿尔法通道还可以表示256级的半透明度，因为阿尔法通道有8个比特可以有256种不同的数据表示可能性。

BMP

无损压缩，既支持索引色也支持真彩色，位图。
BMP取自位图Bitmap的缩写，也称为DIB（与设备无关的位图），是一种独立于显示器的位图数字图像文件格式。常见于微软视窗和OS/2操作系统BitMap的缩写，是无损的、既支持索引色也支持直接色的、点阵图。
BMP文件通常是不压缩的，在同样的图片质量下，BMP格式的图片文件大小是GIF格式的很多倍。因此它们通常不适合在因特网或者其他低速或者有容量限制的介质上进行传输。现在除了windows系统里还能见到，其他地方几乎见不到了。

GIF

无损压缩，支持256索引色，位图，支持动画

JPEG

有损压缩方式，位图，24位真彩色，不支持Alpha通道，不能显示透明像素。适用于色彩丰富的图片，不适用于icon，文字，线条绘图。JPEG去掉了一部分图片的原始信息，即进行了有损压缩。JPEG非常适合用来存储照片，用来表达更生动的图像效果，比如颜色渐变。
jpg支持CMYK色彩模式，可以作为印刷输出的文件格式。png和gif只支持RGB色彩模式，不能输出印刷。

PNG

位图，无损压缩，支持透明度的调节。iE6不支持PNG的透明属性。
解决方式：IE如何支持png透明属性
PNG-8和PNG-24的区别：

• 最多可以索引和存储的颜色值不同，根据其所带的位数，png-8可以表示2的8次方也就是256色，被称为索引色，PNG-24可以表示2的24次方，1600多万种颜色，被称为真彩色。
• PNG-8支持布尔透明，PNG-24支持8位（256阶）alpha透明
• 另一个区别是PNG-24本机支持alpha透明，这对于透明背景很有用。这种差异_并不是_100％正确，因为Adobe产品的“_保存为Web”_命令允许PNG-8具有alpha透明度。

PNG-8

基于索引色的位图。”8″代表2的8次方也就是256色，PNG8还支持1位的布尔透明通道（完全透明0，完全不透明1）。（待定：有资料说PNG-8也支持Alpha通道的透明，用fireworks可以导出）
PNG-8与GIF的区别：在相同的图片效果下，PNG-8相比GIF具有更小的文件体积。PNG-8还支持透明度的调节，GIF不支持。

PNG-24

基于真彩色的位图，支持8位（256阶）alpha透明。（0-255）

SVG

矢量图，放大时，不会失真，适用于Logo、Icon等。可以使用XML来描述图片，方便修改文件。SVG优点是放大不会失真，文件可读，方便修改编辑，方便与现有技术结合，例如可以用javascript脚本老控制SVG对象，支持多种特殊效果，可利用其作出精美的图。缺点是：文件体积比其他格式大

WebP

支持有损和无损压缩、真彩色、点阵图，支持透明通道。支持动画
WebP最初在2010年发布，目标是减少文件大小，但达到和JPEG格式相同的图片质量，希望能够减少图片在网络上的传输时间。一张同样质量的图片WebP可以比JPG小24%-35%
支持情况：
当前网页浏览器当中：在Google Chrome，Firefox，Edge，Opera浏览器
native： ios不支持，但是官方提供了工具，安卓4++以上支持。

有关于图片压缩

这是参考的一些链接：

PNG图片压缩原理解析
How PNG Works（梯子）
How WebP works (lossly mode)（梯子）
png、jpg的选择
wiki百科
Apng的那些事
如何节省 1TB 图片带宽？解密极致图像压缩