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

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 705 (opens in a new tab)

Author 回答者: shfshanyue (opens in a new tab)

TODO

Author 回答者: kv1991 (opens in a new tab)

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

Author 回答者: illumi520 (opens in a new tab)

base64 或者搞成 svg

Author 回答者: Qiu-Jun (opens in a new tab)

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

Author 回答者: EricWong1994 (opens in a new tab)

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

凌晨三四点，厉害了

Author 回答者: Qiu-Jun (opens in a new tab)

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

凌晨三四点，厉害了

基本操作

Author 回答者: nmsn (opens in a new tab)

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