-
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可以带来更好的阅读体验。