CSS精靈圖是一種優化網站頁面加載速度的技術。它將多張小圖片合并成一張大圖片，通過CSS的background-position屬性指定顯示不同的小圖，從而減少HTTP請求次數，提高了頁面的性能。

.icon {
background-image: url("sprites.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.icon-home {
background-position: 0 0;
}
.icon-user {
background-position: -16px 0;
}
.icon-settings {
background-position: -32px 0;
}

以上是一個例子，我們定義了一個.icon類作為小圖的容器，設置它的背景圖片為一個名為sprites.png的大圖，并通過background-repeat屬性將圖像縱、橫向均不重復顯示。

接著，我們定義了三個小圖標類，分別是.icon-home、.icon-user、.icon-settings，并通過background-position屬性指定它們在大圖中的位置與大小，從而在網頁中顯示不同的小圖標。

需要注意的是，建議將小圖標按照一定規律排列在大圖中，以方便計算和管理位置信息。