CSS-sprites，又叫精灵图

 

原理：把多张图片融合成一张图片，然后通过css background-position取指定位置大小的图片，减少了http请求次数自然减少了加载时间。

这张图就相当于一个坐标系，文件上告诉精灵图上每个小图的大小和初始点的横纵坐标。

通过css background-position选择起点坐标，取高度、宽度。