CSS Sprites並沒有一個確定的中文翻譯，通常被意譯為“CSS圖像拼合”或“CSS貼圖定位”。CSS Sprites並不是一門新技術，目前它已經在網頁開發中發展得較為成熟。CSS Sprites並不是什麼金科玉律，但在很多情況下，它有著一定的優勢，最重要的是它可以減輕服務器的負載，提高網頁加載速度。
本文系統的介紹了CSS Sprites的概念、用途和用法，相信本文會解決你在使用CSS Sprites中遇到的大部分問題。
什麼是CSS Sprites？
“Sprite”(精靈)這個詞在計算機圖形學中有它獨特的定義，由於游戲、視頻等畫質越來越高，必須有一種技術可以智能的處理材質和貼圖，並且要同時保持畫面流暢。“Sprite”就是這樣一種技術，它將許多圖片組合到一個網格上，然後通過程序將每個網格的內容定位到畫面上。
Sprite被定位到一副靜態圖片上，並且通過簡單的程序或硬件即可正確定位到畫面上，一幅幅圖片就像是被“變”出來的，他們並沒有單獨占用內存，所以被取名為“Sprite精靈”。CSS Sprites用在哪裡？
CSS Sprites可以用在很多場合，大型網站可以將許多單獨的圖片，以有機的方式組合起來，從而使其便於維護和更新。圖片之間通常會留出較大的空白，使 得圖片不會影響網頁的內容。但同時CSS Sprite大多使用於較固定的像素定位中，它的彈性較差，收到定位等因素的制約。所以，你需要在可維護性vs降低負載