很多的站長可能都并不是很清楚css sprite是什么？但在 過程中一定接觸過或使用過，那么接下來就說說什么在網站制作 當中什么是css sprite?。CSS Sprites在國內很多人叫css精靈，是一種網頁圖片應用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去，再利用CSS的“background-image”，“background-repeat”，“background-position”的組合進行背景定位，調取你要的圖標到指定的位置。
做這些的好處就是能夠加快網站的加載速度，因為在客戶端打開網頁每顯示一些信息都會向服務器端發送請求，信息量越大，從而造成的延遲可能性就越大。
當然CSS Sprites的優點遠不止于此。下面我們來分享一下來自百度百科中CSS Sprites的優點：
1、更換風格方便，只需要在一張或少張圖片上修改圖片的顏色或樣式，整個網頁的風格就可以改變。維護起來更加方便。
2、CSS Sprites能減少圖片的字節，曾經比較過多次3張圖片合并成1張圖片的字節總是小于這3張圖片的字節總和。 解決了網頁設計師在圖片命名上的困擾，只需對一張集合的圖片上命名就可以了，不需要對每一個小元素進行命名，從而提高了網頁的制作效率。
3、利用CSS Sprites能很好地減少了網頁的http請求，從而大大的提高了頁面的性能，這也是CSS Sprites最大的優點，也是其被廣泛傳播和應用的主要原因。
凡事有優點當然也少不了缺點，CSS Sprites的缺點如下：
(1).CSS Sprites在開發的時候比較麻煩，你要通過photoshop或其他工具測量計算每一個背景單元的精確位置，這是針線活，沒什么難度，但是很繁瑣。
(2).CSS Sprites在維護的時候比較麻煩，如果頁面背景有少許改動，一般就要改這張合并的圖片，無需改的地方最好不要動，這樣難免改動更多的css，如果在原來的地方放不下，又只能（最好）往下加圖片，這樣圖片的字節就增加了，還要改動css。
(3)在圖片合并的時候，你要把多張圖片有序的合理的合并成一張圖片，還要留好足夠的空間，防止板塊內不會出現不必要的背景；這些還好，最痛苦的是在寬屏，高分辨率的屏幕下的自適應頁面，你的圖片如果不夠寬，很容易出現背景斷裂。
