小图片是用雪碧图合适，还是转成base64合适

Question

我有45个小图片，每个大概有1-3kb，在页面上需要一次展示出来，我是做成雪碧图用背景图片展示还是直接转成base64用img标签来展示，哪个性能会高一点。请大神分析一下

Answer 1

你这种情况应该还是雪碧图好。一张算2k，也有90k，一次加载就可以缓存在本地了。因为html一般不缓存，所以放img每次都要重新加载。另外，bese64 会增加约1/3的体积。
一般情况下，一整套的小图标我都是雪碧图，剩下一些零散的不在一整套里面的会用个base64。一个项目总共就几个小图标的也会用个base64

Answer 2

不好说，雪碧图是把多张小图整合到一张大图里，有一个取图片的异步请求。base64是把资源直接附在css或html内，没有了额外的请求，但css或html文件变大。综上,相对而言加载大图,雪碧图性能或许好些(html页面快出),反之是base64。

Answer 3

用img标签来展示雪碧图？貌似没人这么做，background有position，img怎么定位呢？当然，可能最新的技术可以实现