CSS精靈是一種優化網頁性能的常用技巧，它將多個小的圖片整合成一張大圖，然后通過CSS樣式來顯示不同的部分。這樣可以減少HTTP請求的次數，從而加快網頁的加載速度。下面來介紹如何使用CSS精靈來減少請求。

首先，你需要將多個小的圖片合并成一張大圖。可以使用Photoshop或其他圖片編輯軟件來完成這項工作。將每個小圖放在一行或一列中，并在它們的周圍留出一些空白，方便以后用CSS來顯示。

.sprite {
background-image: url('sprite.png');
background-repeat: no-repeat;
}
.icon1 {
width: 20px;
height: 20px;
background-position: 0 0;
}
.icon2 {
width: 30px;
height: 30px;
background-position: -20px 0;
}

在CSS中，你需要為每個小圖定義一個類，然后將它們的背景圖片設置為大圖，同時設定它們在大圖中的位置和大小。注意，每個小圖在大圖中的位置是負數，因為它們是按照左上角為基準來計算的。

在HTML中，你只需要為每個圖標添加對應的類即可。

<span class="sprite icon1"></span><span class="sprite icon2"></span>

這樣，你就可以通過CSS精靈來減少HTTP請求，并提高網頁的性能。