gif,png,jpg的区别

Posted 2020-06-13

GIF图片格式

1987年诞生，常用于网页动画，使用无损压缩，支持256种颜色（一般叫8 bit彩色）。它的色彩效果最低，一般色彩鲜艳的图片不会用GIF来保存。

GIF分为静态GIF和动态GIF，扩展名为.gif，是一种压缩位图格式，支持透明背景图像，适用于多种操作系统，“体型”很小，网上很多小动画都是GIF格式。

其实GIF是将多幅图像保存为一个图像文件，从而形成动画，所以GIF仍然是图片文件格式。但GIF只能显示256色。一般我们在网页中看到的动态图片一般都是GIF格式的。

它的优点是：体积小，有极好的压缩效果，支持动画，支持透明效果。缺点是：色彩效果差。

 

GPEG图片（简称jpg）

1992年出世，数码相机保存图片最常用的格式，有损压缩，24bit真彩色（224=17万种颜色）。

JPEG在图片压缩有优势，不过它是有损压缩，图片质量会有所损失。一般屏幕截屏用PNG格式，它比JPEG质量高而且文件大小更小。

它的优点是：色彩还原好，可以在照片不明显失真的情况下，大幅降低体积，网站上图片想要给出最自然最风景类的图片最好用JPG；缺点是不支持动画，不支持透明。

 

PNG图片格式

1996年问世，无损压缩，最常见的使用格式是256索引色（PNG-8）和24bit真彩色（PNG-24）（当然PNG支持的颜色格式远不止此），支持full alpha通道（256级可调半透明色），不支持动画。

PNG应该在网站设计上被推广，它是公认的最适合网页使用的图片格式。Google就是一个很好的例子。Google所有站点几乎全部的图片资源都是PNG格式。8位PNG完全可以替代掉GIF。

它的优点是：清晰，无损压缩，压缩比较很高，可渐变透明，具备几乎所有GIF的优点；缺点是不如JPG的颜色丰富，同样的图片体积也比JPG略大。

在网络中一般小图标中很多图片格式都采用png，可以直接作为素材使用，因为它有一个非常好的特点：背景透明。PNG有着另一个 优点，那就是逐次逼近显示（progressive display）：传输图像文件的同时，可以先把整个轮廓显示出来，然后逐步显示图像的细节，即先显示低分辨率显示图像，从模糊到清晰，然后表叔提高它的分辨率。这是一个很好的用户体验。

 

各方面比较

大小比较：通常地，PNG ≈ JPG > GIF

透明性： PNG > GIF > JPG

色彩丰富程度： JPG > PNG > GIF

兼容程度： GIF ≈ JPG > PNG

注意，IE6下PNG的透明是不能显示的，有其对应的Hack方法。