前端图片的优化

图片常见的类型有 jpg,jpeg,png,svg,bmp,glf,webp

jpg

jpg是一种有损的基于直接色的图片格式。jpg不适合icon,logo。适合场景：色彩丰富的网络图片

png8

png-8无损压缩，png-8不支持动画，主要用于小图标或颜色简单对比强烈小的背景图片

png24

无损压缩，是基于直接色的位图格式。文件比较大，应用情景：对品质要求极高的图片

优化方式

延时加载

图片的懒加载就是在图片过多的适合，把后续的图片延迟一会，等需要的时候在进行加载。

渐进式图片加载

渐进式图片的意思式在高品质图片加载完成之前会显示低画质的版本，低画质版本由于化值低，压缩率高，尺寸小，加载很快。会优先被下载

图片的预加载

如果页面中起了很重要的作用，想快点火来，那么可以使用link-rel-proload预加载

webp

webp的图片比传统图片少很多