有关图像的基本概念

今天学习了有关图像的基本概念：

像素和RGB：图像由像素组成，像素是图像中最小的信息单元。可以用不同的颜色模型来描述像素，RGB就是最常用的一种。RGB采用红、绿、蓝的数量多少来描述一个像素，R、G、B被称为成分（又叫 通道）。

真彩色图像VS调色板图像格式：可以支持256*256*256种颜色的图像格式叫做真彩色图像格式，比如：JPEG和真彩色类型PNG；而GIF和PNG8会限制调色板中最多只能包含256种颜色，这256种颜色不是已经定义好的颜色，而是从1600+万的颜色中选择需要的值，但是单个图像中最多只能包含256种颜色。

GIF的特性：

透明：GIF允许一个二进制（是/否）类型的透明度，每个像素要么完全透明（不包含颜色），要么完全不透明（包含一个单色）；他不支持alpha(可变的)透明；

动画：GIF支持动画，多用来制作闪烁文字旋转的@标志。

无损：GIF是无损的，修改任意一个GIF文件，保存关闭不会损失质量。

逐行扫描：使用一个压缩算法（LZW）来减小文件的大小。

隔行扫描：支持可选的隔行扫描。GIF更适合用来显示图形（图标、Logo和图表）；

JPEG的特性：JPEG是照片存储的实际标准。

有损：JPEG是一种有损的格式，用户可以设置自定义质量级别，这个级别决定了有多少像素信息被丢弃。质量级别从0到100，即使定义为100，也会有一定程度的质量损耗。故当你要对某个图像进行多项编辑操作时，最好使用无损的图像格式来保持中间结果，然后在完成所有的修改后另存为JPEG格式。

透明和动画：JPEG不支持透明或者动画。

JPEG是Web上用来存储照片的最佳格式，常用在数码相机中，然而JPEG不适合存储图形，因为有损的压缩方法将线条和清晰的颜色过渡成了“大色块”；

PNG的特性：

真彩色和调色板PNG格式：调色板PNG格式来替代GIF格式，真彩色PNG格式来代替JPEG格式。

透明：PNG支持完全的alpha透明，在IE6中使用这种特性会出现例外。

动画：针对PNG格式的动画，还没有跨浏览器解决方案。

无损：多次编辑不会降低质量，故用真彩色PNG来保存JPEG的修改过程的中间产物非常适合。

PNG8：调色板PNG的别称。

PNG24：真彩色PNG的别称，但是不包括alpha通道。

PNG32：真彩色PNG的别称，包括alpha通道。

除了不支持动画以外，调色板PNG拥有GIF的所有功能。此外，它还支持alpha透明，并且通常压缩比更高，文件大小更小。故应该尽可能使用PNG8代替GIF。有一个例外就是颜色数很少的小图像，GIF的压缩率可能会更高一些。但是这种小图像应该放在css sprite中，因为HTTP请求的开销已经大大超过节省的那点带宽，而且用PNG格式保存sprite图像可以获得更高的压缩率。

IE6中和PNG以及透明相关的：

所有在调色板PNG中的半透明都会在IE6xia显示为完整的透明：PNG8可以再所有现代浏览器上实现“渐进增强”半透明图像的效果，在IE6中降级为和GIF类似透明度的图像。

真彩色PNG中的alpha透明像素，会显示为有背景色（通常是灰色的）。