图片格式

[super-fool]

图片优化

不同的场景加载适合的图片格式。

图片格式：gif，png，jpg，webp

页面中展示的图片可以分为：

1. 无压缩图片： 即原图，比如：BMP
2. 无损压缩图片：通过压缩算法既保存质量又缩小尺寸，比如png，gif
3. 有损压缩图片：压缩算法会将图片中一些人眼无法识别的地方进行去除，可以大幅缩小尺寸，比如jpg，webp

无损压缩

gif: 颜色种类很少，只有256种，不适合将色彩复杂，细节丰富的图片保存为gif，但是可以作为动画，所以动图都是gif格式的。

png-8: 和gif同等质量下，它的尺寸更小，透明度更好，适合替代gif，但是不能想gif一样做成动画

png-24: 质量堪比BMP，但尺寸要相对大一些，适合作源文件。

有损压缩

jpg: 颜色种类高达2^24种，非常适合色彩丰富，渐变的图片。虽然是有损压缩，但是压缩的都是肉眼无法判别的, 像苹果官网的一些图片就是jpg。 webp：Google开发的新图片格式，可支持无损，有损，动画等，但是兼容性很差，目前只有chrome全面支持。 s

[super-fool]

参考： https://juejin.im/post/5d8c1b166fb9a04dda70855b