众所周知，网页上的图片通常使用JPG、GIF和PNG格式。它们之间的区别是什么，以及它们用来做详细介绍的场合读完下面的内容，你可能会有自己的结论。




众所周知，网页上的图片通常使用JPG、GIF和PNG格式。它们之间有什么区别看完下面的内容，你可能会有自己的结论。
--------------------------------------------------------------------------------
GIF格式的特点：
透明度
GIF是一种布尔透明类型，它可以完全透明且完全不透明，但它不是半透明的（alpha透明的）。
动画
GIF格式支持动画。
无损耗
GIF是一种无损图像格式，这意味着你可以在不影响图像质量的情况下对GIF图像进行任何处理。
水平扫描
GIF是由一个叫做LZW压缩算法。当GIF被压缩时，像素从上到下被压缩。这意味着在相同的条件下，水平GIF图片比垂直GIF图像小。例如，500×10的图片小于10×500的图片。
间隔渐进显示
GIF支持选择性间隔逐行显示
从以上特点可以看出，GIF图像只有256种颜色不适合照片，适合于颜色要求不高的图形。
--------------------------------------------------------------------------------
JPEG格式特征：
透明度
它不支持透明度。
动画
它不支持动画。
有损
除了一些旋转，如旋转（仅90, 180, 270度旋转），从标准类型切割到高级类型和编辑图片的原始数据，JPEG图像上的所有其他操作都会导致质量损失，因此我们通常使用PNG作为编辑过程中的过渡格式。
隔行逐行显示
它支持逐行显示逐行扫描（但IE浏览器不支持此属性，但IE将在完全图像信息完全到达时显示）。
可以看出，JPEG是网络上最合适的照片和数码相机。
--------------------------------------------------------------------------------
PNG格式特性：
透明度
PNG的Alpha透明完全支持（透明，半透明，不透明的），虽然有在IE6两怪异现象（后文详述）
动画
它不支持动画。
无损耗
PNG是一种无损图像格式，这意味着你可以在不影响图像质量的情况下对PNG图片做任何事情，这也允许PNG成为JPEG编辑的过渡格式。
水平扫描
像GIF一样，PNG也被水平扫描，这意味着水平重复的颜色比垂直重复的图片要小。
间隔渐进显示
它支持逐步显示间隔，但它会使图片变大。
PNG第一种是PNG8（布尔透明），这是简单的理解为一个静态的GIF
它们都只有256种颜色，索引是透明的，即指定像素是否透明。
第二PNG也叫PNG8（透明度）指定像素的透明度，如50%的透明度
这一优势小于PNG24 / 32卷，但效果是一样的。
缺点是不支持IE6，半透明的像素将被证明是透明的。
PNG第三种是PNG24
PNG24是不透明的，但有很多种颜色，256种以上的颜色
并出口PS图象处理软件PNG24实际上是png32
第四种是png32 PNG
与PS图象处理软件的PSD，是烟花的默认格式的源文件，包括图层和通道的信息
从PNG24进行不同的是，有更透明的信息
缺点是IE6的支持不是很好。它将显示蓝色和灰色背景下的透明区域。它只能添加特殊标记（VML）通过影响到AlphaImageLoader性能。
注：
布尔透明PNG8可以正常显示在任何浏览器（如GIF）。
Alpha透明PNG8除了IE6及以下的浏览器是透明的，和其他的浏览器都是正常的。
PS图象处理软件只能出口布尔透明PNG8格式。（有可能在头发边缘PNG8 IE6，因为喜欢文字和圆角通常有弱化的边缘。效果可以修剪后再出口。）
烟花出口布尔透明PNG8和Alpha透明PNG8。
--------------------------------------------------------------------------------
其他图片格式比较PNG：
众所周知，GIF适合于图形，JPEG适用于照片，两个PNG系列是合适的。
与GIF
对于相同的颜色值，GIF格式的图片将小于png32 PNG8格式的图片。但是是最好的选择。
PNG 8，除了不支持动画GIF，PNG8的所有特征，但更有利的比GIF是它支持alpha透明度和更好的压缩。因此，在大多数情况下，你应该用PNG8不GIF（除了非常小的图片GIF会有更好的压缩）。
相比JPEG
JPEG比全色PNG有更好的压缩，因此它也使得JPEG适合于照片。但编辑jpeg过程容易造成质量损失，因此适合编辑jpeg格式。