CSS Sprites介绍。CSS Sprites中文翻译为CSS精灵,是一种网页图片应用处置方法。 它允许将多张小图片整理到一张图片中,然后将图片插入到网页。当该页面被加载时,仅加载一次含有多张小图的拼合图片,就能达成在网页中显示指定小图片的功能。
由此可以看出,借助CSS Sprites能非常不错地降低用户浏览网页时对服务器的HTTP请求数,减轻服务器的负载,从而提升网页加载速度。将多张图片拼合成一幅图片,还能降低图片总体大小,缩短加载图片所需的时间延迟,使网页图片显示成效愈加流畅,达到做网站优化的目的。很多大型网站也使用了该技术,如网站首页的列表小图标、导航按钮图标等。