什么是CSS Sprite
CSS Sprite 又叫CSS精灵，是目前大型网站中经常运用的图片处理方式。它的原理很简单，将网站上零散的小图片（或图标）整合在一张大图上，再用CSS中“background-image”属性来定位图片的X/Y轴位置，从而减轻服务器对图片的请求数量，提高网页加载速度。因为对于当前大多数网速而言，不高于200KB的单张图片所需载入时间基本是差不多的，如果页面上有20张小图片或图标，那么服务器会载入20次。但使用CSS Sprite将图片整合成一张大图后，服务器只需要载入一次就够了，很大程度上优化了图片加载速度，这在门户型网站尤为明显。
