什么是精灵图,精灵图的优点

1 什么是精灵图

CSS Sprites，翻译为精灵图或者雪碧图。

所谓精灵图就是把好多小的图片合并一张大图， 以该大图为背景图片的元素尺寸比较小，可以通过控制背景图片的位置，让元素上显示合适的图像。

精灵图依赖于 background-position 属性

2 精灵图的优点

很多元素的背景图用的是一张图片，能够减少网络请求次数，提升页面加载速度。