css圖標圖像或圖標圖像？

我有一個網站，其中有很多圖標，每個圖標都有單獨的圖像，但我正在考慮將所有thous圖標添加到一個圖像，並使用它更快的加載，但我不知道如果我應該這樣做。css圖標圖像或圖標圖像？

這是什麼優點/缺點。有什麼建議麼？或者我應該保持1圖像的1個圖標？

2011-02-02 Basit

的可能重複[？當不使用CSS精靈] （http://stackoverflow.com/questions/1182501/when-not-to-use-css-sprites） – deceze 2011-02-02 02:47:24

這是一種常見的（很好的）技術，稱爲CSS雪碧。這裏有一個很好的，雖然有點過時，文章，解釋他們：http://www.alistapart.com/articles/sprites

2011-02-02 02:46:56 coreyward

「您的網站的可維護性會因使用它們而受到影響，只能合併屬於同一邏輯單元且不太可能的圖像至單獨更新。保留可能會單獨更改的圖像。「 – BudgieInWA 2011-02-02 02:52:21

看一看CSS精靈：

2011-02-02 02:47:48

它們合併成一個圖像，以減少服務器的請求。

2011-02-02 02:53:58

如果你使用CSS精靈那麼你的圖標將加載更快，因爲他們都是來自同一個圖像。只要一個圖標可以顯示，你就知道整個圖像已經加載。如果圖像針對網頁進行了優化，那麼這會給您帶來相當不錯的加載時間。

例如，如果您創建了帶有10個圖標的圖像，則可以簡單地使用重新定位來一次顯示一個圖標。

這可以使用CSS技術，如來完成：

.teststyle { 

background-image: url(icons.png); 

background-position: top; left; 

}

或

.teststyle { 

background-image: url(icons.png); 

background-position: 10px; 50px; 

}

希望幫助:)

2011-02-02 03:22:20 Ryan

回答