对于web前端开发的同学来说，图片保存格式非常的重要。那么该如何选择图片保存的格式呢？下面我总结一下gif,jpg,png等图片格式的区别。
gif是很早应用的一种图片格式。它采用的是lzw的压缩算法，lzw算法是将长字符串替换成短字符串的的方法来实现压缩。gif支持动画，支持透明，支持渐变色彩，同时gif是无损压缩，另外gif是水平压缩，也就是说10*500的图片压缩效果不如500*10的图片。但是gif得缺点也是相当明显，就是它只支持256中色彩，所以对于色彩丰富的图片压缩效果不好。根据gif的这些特点可以总结出：小图标，色彩不丰富的图片适合压缩为gif格式。
JPEG 代表Joint Photograhic Experts Group（联合图像专家组），这种格式经常写成JPG，JPG图片的扩展名为jpg。
jpg的优点是它支持百万种色彩。jpg是一种有损压缩的方式，它会放弃图片的某些细节。所以要是对图片质量的要求不是很高，可以采用jpg的保存方式。那么根据jpg的特点总结出：色彩丰富的照片适合jpg的保存方式，不适合小图标，线条的图片。
png是20世纪90年代推出的一种图片格式，它采用的是无损压缩。其目的是为了取代gif。png分为png8，png24，png32.这几种主要区别是储存方式不同。
png8只有256色，支持透明（要么全透明，要么不透明）。
png24颜色很多，但是不支持透明。而在Photoshop中导出的png24实际是png32.
png32有8位alpha通道，所以它支持透明度的设置。
webp是谷歌开发的旨在增加图片加载速度的图片格式，它压缩后的大小约为jpg的2/3。但是webp目前只有google39+，safari+等浏览器支持。