圖片工具

圖片轉 Base64

把圖片轉成資料 URI,可以直接貼到 CSS 或 HTML 中。

圖片轉 Base64 在您的裝置上執行
將檔案拖放到此處,或點擊瀏覽
一張小型的 JPG 或 PNG
絕不上傳
  • 在您的裝置上執行 — 檔案不會傳送到任何地方
  • 免註冊、無浮水印、無每日額度
  • 免費,使用次數不限

運作方式

資料 URI 會把圖片直接內嵌在您的原始碼中,而不是參照另一個檔案。這樣可以省去一次網路請求,對於原本每張都要多跑一趟來回的小圖片來說很有意義。

什麼時候值得使用

小圖示、標誌與單色圖形。大小低於約 2 KB 時,省下的請求通常比付出的代價更划算。超過這個大小,一般的檔案參照比較好。

體積上的代價

Base64 會把三個位元組編碼成四個字元,所以資料 URI 比原檔大約大 33%。它也無法單獨快取,包含它的樣式表或頁面每次被下載時,它都會跟著重新下載。

貼到哪裡

直接貼到 CSS 的 url() 或 img 的 src 屬性中。輸出內容已經帶有正確的媒體類型前綴。

常見問題

圖片轉 Base64:常見問題

為什麼有大小限制?

資料 URI 適合放在原始碼中,而非常大的資料 URI 會讓每個包含它的頁面變得臃腫。上限為 2 MB。

支援 SVG 嗎?

SVG 本身就是文字,所以可以不經 Base64 直接內嵌,這樣更小。

我的圖片會被上傳嗎?

不會。編碼在您的瀏覽器中進行。