网页中存在大量小图标和图片时，每个元素都需单独向服务器发送请求，这不仅会增加服务器的负载压力，还会显著拖慢页面的加载速度。

为解决这一问题，CSS 精灵图技术（又称 CSS Sprites、CSS 雪碧）应运而生。它的核心是通过精灵图生成器将多张图片合并为一张。在网页代码中，借助 CSS 的 background 属性，可指定浏览器从这张合并后的精灵图中读取特定位置和尺寸的图像，并将其显示在页面相应位置，从而有效减少服务器接收和发送请求的次数，提升页面加载效率。