高级前端性能优化【Q686】网站性能优化中,如何对小图片进行优化

网站性能优化中,如何对小图片进行优化

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 705

Author 回答者: shfshanyue

TODO

Author 回答者: kv1991

通过整合小图片到一张精灵图,减少请求图片次数。

Author 回答者: illumi520

base64 或者搞成 svg

Author 回答者: Qiu-Jun

小图的话,基本都是通过工程化转base64。精灵图我觉得麻烦而且还得请求一次拿到精灵图

Author 回答者: EricWong1994

小图的话,基本都是通过工程化转base64。精灵图我觉得麻烦而且还得请求一次拿到精灵图

凌晨三四点,厉害了

Author 回答者: Qiu-Jun

小图的话,基本都是通过工程化转base64。精灵图我觉得麻烦而且还得请求一次拿到精灵图

凌晨三四点,厉害了

基本操作

Author 回答者: nmsn

需要注意的是 base64 处理过的过的图片会比原先更大,编码到项目的 htmlcss/js 中,会增加静态文件的体积且 html/css/js 是经常修改的内容,base64 随着这些文件也不好处理缓存