什么是CSSSprite CSS Sprite 又叫CSS 精灵,是目前大型网站中经常运用的图片处理方式。它的原理很简单,将网站上零 散的小图片(或图标)整合在一张大图上,再用CSS 中“background-image”属性来定位图片的X/Y 位置,从而减轻服务器对图片的请求数量,提高网页加载速度。因为对于当前大多数网速而言,不高于200KB 的单张图片所需载入时间基本是差不多的,如果页面上有20 张小图片或图标,那么服务器会载入 20 次。但使用CSS Sprite 将图片整合成一张大图后,服务器只需要载入一次就够了,很大程度上优化了 图片加载速度,这在门户型网站尤为明显。 CSS Sprites 优点 1.利用CSS Sprites 能很好地减少了网页的http 请求,从而大大的提高了页面的性能,这也是CSS Sprites 最大的优点,也是其被广泛传播和应用的主要原因; 2.CSS Sprites 能减少图片的字节,曾经比较过多次3 张图片合并成1 张图片的字节总是小于这3 张图片 的字节总和。解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需要对 每一个小元素进行命名,从而提高了网页的制作效率。 3.更换风格方便,只需要在一张或少张图片上修改图片的颜色或样式,整个网页的风格就可以改变。