使用步驟
- 選擇圖片、拖到這裡，或按 Ctrl+V 貼上。
- 選擇輸出格式：Data URI、僅 Base64、CSS 背景、HTML img 標籤或 Markdown。
- 複製結果。
- 反向轉換時，在「Base64 轉圖片」中貼上 Data URI 或 Base64 字串。
引數說明
- Data URI
- 完整的 data:image/png;base64,… 字串，可以用在任何接受網址的地方。
- 僅 Base64
- 去掉 data:…; 字首的純編碼資料，適合要求原始 Base64 的介面和 JSON 欄位。
使用示例
| 輸出 | 結果 |
|---|---|
| Data URI | data:image/png;base64,iVBORw0KGgo… |
| CSS | background-image: url("data:image/png;base64,…"); |
| HTML | <img src="data:image/png;base64,…" alt=""> |
常見問題
轉成 Base64 後體積會變大多少？
大約三分之一。Base64 用 4 個字元表示 3 個位元組，30 KB 的圖片會變成約 40 KB 的文字。
什麼時候適合把圖片內聯成 Base64？
幾 KB 以內的小圖示內聯可以省掉一次網路請求。較大的圖片最好作為單獨檔案，這樣可以被快取，也不會讓 HTML、CSS 變得臃腫。
支援哪些格式？
瀏覽器能開啟的圖片都可以，包括 PNG、JPEG、GIF、WebP、SVG、AVIF 和 ICO。解碼時如果缺少 MIME 型別，會根據資料本身辨識格式。
圖片會上傳嗎？
不會，編碼和解碼都在瀏覽器中完成。
隱私說明
本工具完全在瀏覽器中執行，檔案和文字都在你的裝置上處理，不會上傳到我們的伺服器。