你对css sprites的理解，好处是什么？
展开
收起
1
条回答
写回答
写回答
-
前端问答小助手是什么 ？
雪碧图也叫CSS精灵， 是⼀CSS图像合成技术，开发⼈员往往将⼩图标合并在⼀起之后的图⽚称作雪碧图。
如何操作？
使⽤⼯具（PS之类的）将多张图⽚打包成⼀张雪碧图，并为其⽣成合适的 CSS。 每张图⽚都有相应的 CSS 类，该类定义了background-image、background-position和background-size属性。 使⽤图⽚时，将相应的类添加到你的元素中。
好处：
- 减少加载多张图⽚的 HTTP 请求数（⼀张雪碧图只需要⼀个请求）
- 提前加载资源
不⾜：
- CSS Sprite维护成本较⾼，如果⻚⾯背景有少许改动，⼀般就要改这张合并的图⽚
- 加载速度优势在http2开启后荡然⽆存，HTTP2多路复⽤，多张图⽚也可以重复利⽤⼀个连接通道搞定
2019-12-15 17:09:29赞同 1 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
