聊一聊几种常用web图片格式：gif、jpg、png、webp？大厂必问

gif、jpg、png-8、png-24、webp的区别

（1）gif是一种无损的基于索引色的图片格式，支持透明和动画，
缺点是由于gif只存储8位索引，所以色彩，细节丰富的图片不适合保存位gif格式，
一般在项目中用于loadding动画，logo等；
（2）jpg是一种有损的基于直接色的图片格式，jpg非常适合色彩丰富的图片、渐变色；
同时jpg也不适合icon、logo，因为相比于gif、png，它在文件大小上没有优势；
（3）png-8是基于8位索引色的位图格式，png-8相比于gif对透明的支持更好，
同等质量下，尺寸也更小。非常适合作为（没有动画）gif的替代品，
png-8也有一个明显的不足就算不支持动画。
（4）png-24采用无损压缩，是基于直接色的位图格式。和png-8一样支持透明背景，
图片质量堪比bmp，但尺寸上比bmp更占优势，当然相比于jpg，gif，png-8，尺寸上还是要大，
png-24非常适合用于源文件或者需要二次编辑的图片格式保存。在文件大小上至少是jpg的5倍，
但在图片品质上的提升却是微乎其微的，所以除非对品质要求极高，否则还是推荐使用jpg。
（5）WebP图片是一种新的图像格式，由google开发，与png，jpg相比，相同的视觉体验下，webp图像的尺寸缩小了大约30%，另外webp图像格式还支持有损压缩，无损压缩、透明和动画。理论上完全可以替代png、jpg、gif等图片格式，当然目前webp还没有得到全面的支持。