圖片工具 / 16

圖片轉Base64

將圖片編碼為完整的Base64資料網址,適用於CSS、HTML或傳輸。

圖片轉Base64: TOEA會使用瀏覽器的FileReader讀取檔案位元組,並在Base64內容前加上MIME類型。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用
圖片→Base64編碼器本機處理

全程在瀏覽器中執行

↥
選擇圖片

JPG、PNG、WebP或GIF・上限30 MB

何時適合內嵌

資料網址可以省下一次請求,但無法單獨快取:每次複製包含它的HTML或CSS時,都會重新下載,而且大小約比檔案大三分之一。這種取捨適合幾KB的小圖片,例如樣式表中的圖示或模糊的預覽圖。相片和跨頁重複使用的圖片,使用一般檔案載入會更快。至於SVG,將標記進行URL編碼通常比使用Base64產生更短的資料網址。

資料網址不適用的情況

Gmail和許多其他電子郵件用戶端不會顯示以資料網址嵌入的圖片,因此電子報應改為連結到代管的圖片。許多接受Base64圖片的API只需要內容本身:刪除base64後逗號以前(包含逗號)的所有內容。使用內容安全性原則的頁面,必須先在img-src指示詞中列出data:,內嵌圖片才會載入。

使用方式

  1. 選擇圖片。
  2. 在本機完成編碼。
  3. 複製產生的資料網址。

隱私與限制

檔案會留在您的裝置上。Base64是編碼方式,不是加密方式,大小會增加約三分之一。

相關工具

常見問題

可以將這段內容貼到img標籤中嗎?

可以。完整的資料網址可在允許使用資料網址的情況下,作為圖片的src使用。

為什麼結果比檔案更長?

Base64會以文字字元表示二進位位元組,並增加額外負擔。

免費工具・使用在瀏覽器中次・免註冊