CSS 中，圖片精靈（CSS Sprites）是一種常見的技術，可以將多張小圖標合并成一張大圖，在頁面中使用背景圖的定位來實現多個小圖標的顯示。使用圖片精靈技術可以有效減少 HTTP 請求，提高頁面加載速度，同時還可以節(jié)約服務器端帶寬。

圖片精靈的實現方法是將多張圖片按照一定的規(guī)則排列在一張大圖上，然后通過 CSS 定位來控制在頁面上所顯示的部分。可以使用

background-position

下面是一個簡單的示例，在一張大圖中包含了三個小圖標，使用 CSS 設置了每個小圖標在背景圖上的位置以及大小：

.icon {
background-image: url(sprites.png);
background-repeat: no-repeat;
display: inline-block;
}
.icon1 {
width: 20px;
height: 20px;
background-position: -10px -10px;
}
.icon2 {
width: 30px;
height: 30px;
background-position: -40px -10px;
}
.icon3 {
width: 40px;
height: 40px;
background-position: -80px -10px;
}

通過設置背景圖的位置和大小，可以實現只顯示背景圖的一部分，從而實現多個小圖標的顯示。需要注意的是背景圖的大小要合理，不能太大，否則會影響頁面的性能。

總之，在頁面中合理使用圖片精靈技術能夠提高頁面的性能，減少 HTTP 請求，同時也方便管理和維護。