2005 年的時候 CSS 禪意花園 (CSS Zengarden) 的園主 Dave Shea 對 CSS Sprites 技術的作過詳細介紹。CSS Sprites 技術提倡把所有背景圖片合并到一個圖片文件中，并使用 CSS 的 background-image 和 background-position 屬性來定位和調用。

這種方法看似繁瑣，但卻是非常有實用價值的。

首先，CSS Sprites 能較少 HTTP 請求次數。
我們知道，HTTP 請求數對網站的工作性能有較大關聯。如果背景圖分開存放，每一次調用都會產生 HTTP 請求，一定程度上增加了服務器的負擔。而單個背景圖的設計方法，只需請求一次即可取回背景圖片。很多大型網站，包括雅虎，新浪等，都采用了 CSS Sprites 技術。

其次，CSS Sprites 能防止背景圖片延遲加載。
有時在點擊以圖片作背景的按鈕時會發現，鼠標懸停的時刻才會觸發瀏覽器下載背景圖片，這是非常差勁的用戶體驗。但如果將圖片存放與單個文件，就能避免延遲加載。因為在打開網頁的首次請求中，圖片已經加載完畢。

然而，使用單個圖片文件存放的方法會降低可維護性。而且圖片的定位比較繁瑣，缺乏靈活性。在雅虎開發小組的 YUI 產品中，采用了加大圖片距離的方法，同時也增加了圖片的體積。

總之，CSS Sprites 有利也有弊。在追求性能的前提下，CSS Sprites 是值得推廣的網頁設計方法。