雪碧图

理念和优缺点

理念：将多个⼩图⽚拼接到⼀个图⽚中。通过 `background-position` 和元素尺⼨调节需要显示的背景图案。

优点：

减少 HTTP 请求数，极⼤地提⾼⻚⾯加载速度 (HTTP1的情况下)
增加图⽚信息重复度，提⾼压缩⽐，减少图⽚⼤⼩
更换⻛格⽅便，只需在⼀张或⼏张图⽚上样式

缺点：

图⽚合并麻烦
维护麻烦，修改⼀个图⽚可能需要从新布局整个图⽚，样式

例子

下面是一张雪碧图