CSS精靈圖（CSS Sprites）是在一個圖片文件中存儲多個小圖標或圖片，通過CSS進行定位，使用精靈圖可以減少http請求，提高網(wǎng)頁性能。

在精靈圖中，每個小圖標或圖片都有自己的坐標位置，通過CSS選擇器指定該圖片在精靈圖中的位置，并通過background-position屬性進行定位。

.icon-home {
background: url(sprite.png) -10px -20px;
width: 20px;
height: 20px;
}

上面的代碼表示，選擇class為icon-home的元素，使用sprite.png為背景圖，定位在-10px（x軸方向）和-20px（y軸方向），并設(shè)置寬高為20px。

在確定坐標時，需要知道每個小圖標在精靈圖中的大小和位置。可以使用測量工具獲取精靈圖和每個小圖標的尺寸和坐標位置，也可以通過預(yù)覽圖了解每個小圖標的位置。

在制作精靈圖時，可以使用工具自動生成坐標和CSS代碼，也可以手動計算坐標并編寫CSS代碼。無論使用哪種方式，都需要保證每個小圖標的坐標和CSS代碼準確無誤。