圖片工具 / 16
圖片轉Base64
將圖片編碼為完整的Base64資料網址,適用於CSS、HTML或傳輸。
圖片轉Base64: TOEA會使用瀏覽器的FileReader讀取檔案位元組,並在Base64內容前加上MIME類型。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。
- 分類
- 圖片工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
全程在瀏覽器中執行
↥
選擇圖片
JPG、PNG、WebP或GIF・上限30 MB
何時適合內嵌
資料網址可以省下一次請求,但無法單獨快取:每次複製包含它的HTML或CSS時,都會重新下載,而且大小約比檔案大三分之一。這種取捨適合幾KB的小圖片,例如樣式表中的圖示或模糊的預覽圖。相片和跨頁重複使用的圖片,使用一般檔案載入會更快。至於SVG,將標記進行URL編碼通常比使用Base64產生更短的資料網址。
資料網址不適用的情況
Gmail和許多其他電子郵件用戶端不會顯示以資料網址嵌入的圖片,因此電子報應改為連結到代管的圖片。許多接受Base64圖片的API只需要內容本身:刪除base64後逗號以前(包含逗號)的所有內容。使用內容安全性原則的頁面,必須先在img-src指示詞中列出data:,內嵌圖片才會載入。
使用方式
- 選擇圖片。
- 在本機完成編碼。
- 複製產生的資料網址。
隱私與限制
檔案會留在您的裝置上。Base64是編碼方式,不是加密方式,大小會增加約三分之一。
相關工具
常見問題
可以將這段內容貼到img標籤中嗎?
可以。完整的資料網址可在允許使用資料網址的情況下,作為圖片的src使用。
為什麼結果比檔案更長?
Base64會以文字字元表示二進位位元組,並增加額外負擔。
免費工具・使用在瀏覽器中次・免註冊