JPG、PNG、GIF有什么区别？

 

• JPG是一种常用于摄影作品或写实作品、有损压缩图形格式；

• PNG是一种清晰、支持透明、无损压缩的位图图形格式；

• GIF是一种色彩效果低、体积小、支持透明的图像文件格式。

 

图片大小比较

PNG ≈ JPG > GIF

通常情况下，PNG要比JPG大一些，GIF所占体积最小。

 

在这个追求速度的年代，图片刷新出来的速度也严重影响这用户的体验，选择正确的格式可以更好的提升用户体验。

 

 

网页兼容程度

GIF ≈ JPG > PNG

这个内容要扯到IE6了

 

 

图形透明性

PNG > GIF > JPG

PNG和GIF都支持透明，但是PNG还支持渐变透明，略胜GIF一层，因为GIF最高支持256色，很难支撑起渐变渐变透明。

 

我们最常见的JPG是不支持透明格式的。

 

 

色彩丰富程度

JPG > PNG（png24>png8） >GIF

色彩丰富的图片（摄影图、写实图）建议首选JPG次选PNG24；JPG格式是三个格式中可以记录色彩信息最多的，对色彩有很严格需求的，可以选用此格式。

 

大面积色块（插画、海报）或存在渐变色彩的图片建议首选PNG24次选GIF；PNG是逐次逼近显示而且支持渐变透明，尤其图片中出现渐变色彩，可优先使用此格式。

 

单色调图片（logo、文字、动画）建议选择GIF或者PNG8；GIF体积小、支持动画效果，如果图片只有单调的色彩没有渐变色，那选择GIF最好不过了。

 

 

图片压缩程度

图片尺寸不大时，许多网站图片的上传应该没有什么影响，但是当图片尺寸较大时会被压缩上传。通常jpg和png格式的图片上传后会被压缩到640px，这就影响了图片的清晰度。

 

通常情况下，适宜的GIF图片尺寸是不会被压缩改变的。

 

图片清晰程度

讲了这么多铺垫，终于讲到正题部分了。

 

网上有很多教程都对三种图片格式的清晰程度进行排名比较，如：png清晰度>gif清晰度>jpg清晰度。但我想说的是，不同内容的图片，显然这个比较是不严谨的。

 

✦在不会被压缩的情况下

JPG色彩保留最好，相对最清晰，次之PNG24；

 

✦在会被压缩的情况下

对色彩有要求，则png清晰度>gif清晰度>jpg清晰度；

 

这个主要还是取决于图片的内容，一般情况下，PNG24可以胜任多数压缩情况下的对色彩有要求的图片；但由于图片内容的不确定性，对于对色彩有严格要求的图片，大家可以三种格式各上传一张，然后进行筛选使用。

 

✦单调色彩图片

那么使用体验度GIF>PNG>JPG；

 

举一个最常见的例子，比如一些“明星通告”或“官方通告”，通常图片内容是一些“白底黑字”或“蓝底黑字”，首选GIF次选PNG8可以带来更好的阅读体验。