开发者社区> 问答> 正文

CSS Sprite适合合并什么图片?

我看一般用来合并小图标。是否可以合并一些图片,省去img标签?

展开
收起
a123456678 2016-03-25 10:43:10 1946 0
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
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载