圖片轉Base64

關於本工具

圖片轉 Base64 工具可將任意圖片檔案編碼為 Base64 字串或完整的 Data URI，使您無需單獨託管檔案即可將圖片直接嵌入 HTML、CSS 或 JSON 中。支援拖放或點擊選擇，並顯示原始檔案大小與編碼後大小的對比。

所有編碼均在瀏覽器中透過 FileReader API 完成，圖片不會上傳至任何伺服器。可在完整 Data URI（含 data:image/…;base64, 前綴）和純 Base64（無前綴）之間切換。

使用方法

1. 將圖片拖放到上傳區域，或點擊開啟檔案選擇器。
2. 檔案載入後，編碼結果將自動顯示。
3. 使用按鈕在 Data URI 和 Base64 Only 之間切換。
4. 點擊複製按鈕將結果複製到剪貼簿。

使用情境

前端開發者將小圖示直接嵌入 CSS 或 HTML 以減少 HTTP 請求。郵件行銷人員將圖片內嵌到 HTML 郵件範本中，以避免外部圖片被封鎖。行動應用開發者將圖片編碼用於 JSON API 載荷。開發者將圖片以 Base64 字串形式儲存在設定檔或資料庫中。

常見問題

• Base64 編碼會增加檔案大小嗎？ — 會。Base64 編碼會使檔案大小比原始二進位檔案增加約 33%。
• 支援哪些圖片格式？ — 瀏覽器可顯示的任何格式：JPG、PNG、WebP、GIF、SVG、BMP 等。
• 大圖片也應該 Base64 編碼嗎？ — 對於超過約 10 KB 的檔案，通常建議作為獨立檔案託管。大型 Base64 字串會使 HTML/CSS 體積膨脹，影響頁面載入效能。