浅谈图片的性能优化
jpg、png、webp、svg常用业务场景:
雪碧图:一个页面用一张雪碧图,且雪碧图值包含本页面的图标
缺点:整合图片比较大时,一次加载比较慢
image inline :把图片转换为base64编码,插入html中
使用矢量图:
安卓下使用webp:需要在服务器端做区分,前端请求对应的url
总结:以上需要自己对自己的需求选择对应的格式,下面https://zhitu.isux.us/这个网站是对图片的转换。
1、页面小图标用雪碧图、矢量图比较合适
2、其他根据自己需求及综合考虑自行选择,性能优化本身就是比较麻烦的事。