浅谈图片的性能优化

jpg、png、webp、svg常用业务场景：

 

 

雪碧图：一个页面用一张雪碧图，且雪碧图值包含本页面的图标

 

缺点：整合图片比较大时，一次加载比较慢

image inline ：把图片转换为base64编码，插入html中

 

使用矢量图：

 

安卓下使用webp：需要在服务器端做区分，前端请求对应的url

 

总结：以上需要自己对自己的需求选择对应的格式，下面https://zhitu.isux.us/这个网站是对图片的转换。

1、页面小图标用雪碧图、矢量图比较合适

2、其他根据自己需求及综合考虑自行选择，性能优化本身就是比较麻烦的事。