關於base64編碼及其瀏覽器支持的問題

2013-03-17 72 views 1 likes

關於在<img />的src中使用base64編碼或作爲CSS中背景的值，我有幾個問題？關於base64編碼及其瀏覽器支持的問題

瀏覽器支持是什麼樣子的？還是瀏覽器支持取決於它實際上的文件類型？其次，小型（在文件大小/不復雜）文件的base64編碼有什麼好處？

最後，有沒有什麼缺點？我聽說不要將它用於複雜或更大的文件。

2013-03-17 IMUXIxD

看到這個[stackoverflow]（http://stackoverflow.com/questions/5258057/images-in-css-or-html-as-data-base64）答案，重複？ – soyuka 2013-03-17 17:11:51

@soyuka對不起，我不是故意要發佈一個副本，我沒有在我的搜索中發現這個問題。 – IMUXIxD 2013-03-17 22:23:00

回答

我一直在使用Base64編碼的URI一會兒 - 似乎是所有相關的瀏覽器理解的協議：http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support

其中最大的告誡的是，你可以（根據上下文，見下文@Jeff電源注）在進行Base64編碼時會丟失圖像的緩存，因此不推薦用於主要針對移動設備的大型文件和/或應用。

2013-03-17 17:34:27

如果您將它作爲將被緩存的樣式表中的背景圖像，則不會丟失緩存。 Base-64編碼圖像通常比實際圖像大一點，所以確保你縮小了你的css並將它合併到一個文件中。 – Jeffpowrs 2013-03-17 17:43:31

謝謝你，這讓我明白了我的理解。 – IMUXIxD 2013-03-17 22:23:56

@JeffPowers啊，好的。感謝你的分享。當需要對頁面進行緩存/多次訪問時，我會將其設置爲css背景。 – IMUXIxD 2013-03-17 22:25:01

相關問題