2013-08-22 108 views
0

我想要決定是否對我的某個網站上的某些圖像(圖形)和大拇指使用Base64編碼,但我並不能完全找到答案,試圖決定時發生一些效率問題。Base64編碼緩存

這是我的理論,但我沒有在這方面足夠的知識來完全確定這就是我需要幫助:

中使用嵌入式的base64圖片減少HTTP請求的數量,將文件大小增加30%,這對於小圖像/圖形是可以的,但這些圖像不會被緩存,但是如果將這些base64圖像嵌入到CSS文件中,它們將被緩存但是作爲一個文件(CSS )。

我需要知道我是否錯了,如果是這樣,或者如果我錯過了什麼重要的東西在這裏。

[編輯]

我發現了一些非常有用的信息改變我的關鍵字在谷歌爲Data URI scheme

回答

0

如果你有許多小圖片總是被加載在一起,你應該看看精靈。使用精靈可以獲得一個請求的開銷,但是會減少base64編碼的開銷(流量增加33%)。所以如果你的精靈比你的響應頭大3倍,這可以節省帶寬。

如果隨機使用很多小圖片,請使用base64編碼。

+0

你可以精靈base64圖像? (這也是我試圖實現的) – Xedret

+1

你爲什麼要用base64編碼的精靈? – Christoph

+0

你是對的,「spriting」效應發生在我們稱之爲CSS的CSS內部,因爲我們幾乎整合了單個文件中的所有圖像加上調用它們的CSS。 – Xedret