圖片轉 Base64
工具說明
選擇圖片以建立可用於 HTML 或 CSS 的 Base64 資料網址（Data URL）。也可以貼上 Base64 圖片值並還原為圖片檔案。工具會顯示產生的文字長度與估計大小。
使用方式
- 將圖片轉為 Base64 資料網址
- 將 Base64 資料網址還原為圖片檔案
- 辨識常見的 PNG、JPEG、WebP 與 GIF 類型
- 顯示結果長度與估計大小
- 複製結果或下載還原後的圖片
- 選擇方向: 選擇圖片轉 Base64，或 Base64 轉圖片。
- 加入內容: 選擇圖片或貼上 Base64 圖片值。
- 複製或下載: 複製產生的資料網址，或下載還原後的圖片。
範例
- 在 HTML 電子郵件範本中嵌入小圖示
- 為網頁建立預設頭像圖片
- 從複製的 Base64 值還原圖片
- 測試背景圖片而無需另外托管檔案
限制
- Base64 通常會讓文字量增加約三分之一
- 非常大的圖片可能產生過長的值，不適合直接嵌入網頁
- 選取的圖片或輸入的 Base64 值會直接在您的瀏覽器中處理，不會傳送至伺服器。
常見問題
- 資料網址與原始 Base64 有什麼差別？
- 資料網址包含 MIME 類型前綴，例如 data:image/png;base64,...；原始 Base64 只包含編碼內容。
- 建議的圖片大小是多少？
- 來源圖片建議控制在數百 KB 內；過長的資料網址可能拖慢頁面載入。
- 可以從 CSS url() 解碼嗎？
- 貼上資料網址部分即可；若含有包裝，工具會自動去除。