CSS Sprites 是一種圖片處理技巧，其實應該寫成 CSS Image Sprites，翻譯成 CSS 圖片精靈，CSS Sprites 的技巧普遍使用於大型網站的網頁元件圖形管理，例如 Google、Amazon.com、Yahoo、YouTube、Groupon ... 等，都有採用 CSS Sprites 技巧，這個技巧的優點在於可以大幅度縮減伺服器的存取次數，假設一個網頁中有 100 個不同的圖形元件，傳統的方式必須向伺服器發出 100 次 requests 才能取得完整的元件組，透過 CSS Sprites 則可以縮減為 1 次 requests 即完成所有圖形元件的取得，等於是讓伺服器的工作量大幅度降低。

CSS Sprites 的運作概念

設計師直接將整個網頁會用到的圖片，組合成 1 張大圖片，當網友開啟網頁時，就將大圖片整個傳至網友的電腦中，再透過 CSS 的圖形大小設定、background 等方式，將大圖片中的每個小圖片獨立出來，填入網頁中要呈現的位置，網站伺服器僅需將 1 張大圖片傳送給網友，其他圖片處理的工作都交由網友的電腦完成，優點是節省伺服器的工作量也相對的減少成本，缺點則是設計師需要花更多時間設計。