png和jpg的区别 web,JPG,GIF及PNG各类型的图片到底有啥区别呢？

每个人都知道网页上的图像通常是jpg、gif和png格式的。两者有什么区别？看完以下内容，你可能会得出自己的结论。

——————————————————————————–

GIF格式功能:

透明性

Gif是布尔透明类型，可以是完全透明的，也可以是完全不透明的，但不是半透明的(alpha透明)。

生气

Gif是一种支持动画的格式。

无损特性

Gif是一种无损图像格式，这意味着您可以在不损失图像质量的情况下对gif图像做任何事情。

水平扫描

Gif被一种叫做LZW的算法压缩。压缩gif时，像素是从上到下水平压缩的，也就是说在相同的条件下，水平的gif图片比垂直的gif图片小。例如，500*10的图片比10*500的图片小

间隔渐进显示

Gif支持选择性间隔渐进显示

从以上特点可以看出，只有256色的gif图片不适合作为照片，适合制作对色彩要求不高的图形。

——————————————————————————–

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(Alpha Transparency)，可以指定像素的透明度，比如50%的透明度

这个优点就是比PNG24/32小，但是效果是一样的

缺点是IE6支持不好，半透明像素会显示为完全透明

第三个PNG叫PNG24

PNG24不透明，但是颜色很多，256色以上

Photoshop导出的png24其实是png32

第四个PNG叫PNG32

和photoshop的PSD一样，它是Fireworks的默认源文件格式，包括图层和通道信息

PNG24和PNG 24的区别在于它的信息更加透明

缺点在于对IE6的支持较差，会将透明区域显示为蓝灰色背景:只能通过影响性能的方法AlphaImageLoader，需要添加特殊标签(VML)。

注意:

布尔透明png8可以在任何浏览器正常显示(就像gif一样)。

Alpha透明png8在ie6及以下以外的浏览器下显示完全透明，其他浏览器可以正常工作

Photoshop只能导出布尔透明PNG8。(部分png8在IE6下可能有毛刺，因为字符，圆角等。通常会削弱边缘。可以在导出前修剪)

Fireworks既可以导出布尔透明PNG8，也可以导出alpha透明PNG8。

——————————————————————————–

将其他图片格式与巴布亚新几内亚进行比较:

众所周知，GIF适合图形，JPEG适合照片，PNG系列两者都适合。

对比GIF

对于相同的颜色值，Gif格式的图片比png32格式的图片小。但是png8是最好的选择。

除了PNG8不支持动画之外，PNG 8具备了GIF的所有特性，但它相对于GIF的优势在于支持alpha透明度和更好的压缩。所以大部分情况下应该用PNG8，而不是GIF(除了非常小的图片GIF，有更好的压缩)。

与JPEG相比

JPEG比全色PNG具有更好的压缩性能，这使得JPEG适合于照片。但在编辑JPEG时容易造成质量损失，因此全色PNG适合作为编辑JPEG的过渡格式。