CSS Sprite适合合并什么图片？
我看一般用来合并小图标。是否可以合并一些图片，省去img标签？
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
通常当遇到一个网站要加载大量icon(小图标)的时候，我们会把它合并成sprite(图片拼接)。目的是为了减少HTTP请求次数。这样做既能减少页面加载时间，又可以减轻服务器的负载。楼主的问题是可不可以推而广之，把大量image(图片)，比如背景和首页slides图片，也合并成sprite，把对所有image的大量请求减少为1个对sprite的请求. 因为使用了压缩技术，sprite的大小要比每个image加起来小得多。这里有个问题，是否需要把这个sprite再转换成data-uri:base64, 并放到css里。google了一下“base64 vs css sprite”，Paul Irish 对此有一篇精彩的论述，他的结论是不需要转换，直接使用CSS sprite.
2019-07-17 19:13:46赞同 展开评论
相关问答