圖片與 Base64 互轉
一鍵將圖片檔案轉為 Base64 Data URL，或將 Base64 編碼字串還原為圖片預覽並下載，完全在本地執行。
關於此工具
QuickKit 圖片與 Base64 互轉工具讓您在瀏覽器中將圖片檔案轉為 Base64 Data URL，或將 Base64 字串解碼還原為可預覽、可下載的圖片。Base64 編碼的圖片可直接嵌入 HTML、CSS 或 JSON，無需另外托管圖片檔案，適用於行內圖示、電子郵件範本及資料 URI 應用情境。
功能特色
- ✓圖片 → Base64 — 上傳任意圖片，即可取得完整的 data:image/... Data URL，供 HTML 或 CSS 嵌入使用。
- ✓Base64 → 圖片 — 貼上 Base64 字串或 Data URL，立即預覽解碼後的圖片，並可直接下載。
- ✓一鍵複製 — 點擊複製按鈕，即可將完整 Base64 Data URL 複製至剪貼簿。
- ✓隱私優先 — 使用 FileReader API 在本機處理，圖片資料不會離開您的裝置。
常見問題
- 什麼是 Base64 Data URL？
- Data URL 是以 data:<mediatype>;base64, 開頭的字串，後接 Base64 編碼的圖片資料。瀏覽器可直接渲染，不需額外的 HTTP 請求。
- 什麼時候適合使用 Base64 圖片？
- 適合小型圖示、電子郵件範本或 CSS 背景，可省去多餘的 HTTP 請求。但大型圖片不建議使用，因為 Base64 字串比原始二進位大約大 33%。
- 支援哪些圖片格式？
- 支援瀏覽器能解碼的所有格式：JPEG、PNG、WebP、GIF、SVG、AVIF 等。
- 為什麼 Base64 字串無法解碼？
- 請確認字串以 data:image/ 開頭，或是有效的原始 Base64 字串。含有空白或遭截斷的字串將導致解碼失敗。