Base64 Images

將圖片轉為編碼字串,讓開發者能將圖檔嵌入 HTML、CSS 或 JavaScript 程式碼,以減少 HTTP Request。適合較少更新的小圖,例如 icon 等。

格式

data:[<mime type>][;charset=<charset>][;base64],<encoded data>

優缺點

使用 Base64 Images 的優缺點。

優點

缺點

因此是否要使用 Base64 Images 主要就是看要省 (1) HTTP Request 或 (2) Gzip 壓縮後的檔案大小 或 (3) 快取 的時間了。

這裡有實測數據。一些想法整理如下…

工具

如何將圖片轉成 Base64 Images?

可先壓縮圖檔後再做 Base64 編碼,檔案會比較小。

參考資料


comments powered by Disqus