簡單來說，CSS精靈圖就是將多個圖片合并為一個大圖片，然后利用CSS樣式表中的background-image、background-position、background-repeat等屬性來顯示合成的圖片中的不同位置上的小圖片。

#icon {
background-image: url(sprites.png);
width: 20px;
height: 20px;
}
#icon-home {
background-position: 0 0;
}
#icon-message {
background-position: -20px 0;
}
#icon-user {
background-position: -40px 0;
}

通過將多個小圖片合并為一個大圖片，可以減少網絡請求次數，提高頁面加載速度。同時，單個文件較大，緩存效果更佳。

但是，在制作CSS精靈圖時需要注意以下問題：

• 圖片之間不能有空隙，否則使用時可能出現偏移
• 所有小圖片的尺寸最好相等，否則背景定位可能不準確
• 背景定位需要精確計算，否則導致圖片錯位

總體來說，CSS精靈圖是一個有效的優化網頁加載速度的方法，但是在制作和使用時需要仔細處理，防止出現問題。