2012-08-17 31 views

回答

2

這就是所謂的CSS Image Spriting通過這一點,我們可以在我們的HTTP請求保存到服務器。 如果我們將使用這種方法,那麼我們的一個HTTP請求將轉到服務器並通過CSS Image Spriting調用所有需要的圖像。 所以現在我們大多數人都使用這種方法:

閱讀更多關於CSS Image Spriting

9

您沒有保存任何記憶保存。您正在節省帶寬,因爲您正在向服務器發送更少的HTTP請求。

正如註釋部分的@iccthedral所指出的那樣,您實際上是在保存字節,因爲您現在有一個圖像=>保存的字節總數= numberOfPictures * sizeof(pngHeader)

+2

它可以節省一點。 numOfPics * sizeof(pngHeader)大致 – nullpotent 2012-08-17 12:27:17

+0

@iccthedral,好點。我會更新我的答案以包含它。 – 2012-08-17 12:29:02

+0

真棒@iccthedral你可以更新什麼是pngHeader? – ZenOut 2012-08-17 13:03:08

1

這些圖像被稱爲CSS image sprites。 它們用於最小化服務器請求,而不是節省內存。

此外,您可能會考慮使用SVG圖標,它的權重略高一些,但如果您需要不同大小的相同圖標,則可以有效地節省空間。這裏是一個很好的材料爲:Resolution Independence With SVG

+0

非常感謝@Jevgeni – ZenOut 2012-08-17 13:05:38

1

它不是問題的內存如何被保存,它有多少的HTTP通過一個精靈讓您的圖片請求您的「沒有做」。網站將加載速度更快

KB的量上的圖像會+ - 保持不變,個人或拼合

相關問題