使用方法
- 將圖片拖到上傳區域，點選區域選擇檔案，或直接從剪貼簿貼上圖片，可以一次處理多個檔案。
- 如有需要，選擇目標格式（PNG、JPEG 或 WebP），調整品質並設定最大寬度。
- 檢視每張圖片的尺寸、原始大小和編碼後大小。
- 複製或下載所需的輸出：Data URI、純 Base64、HTML img 標籤、CSS background-image 或 Markdown。
圖片轉 Base64 的原理
Base64 用 64 個字元把圖片檔案的位元組轉換成純文字。每 3 個位元組變成 4 個字元，所以文字比原檔案大約多出 33%。Data URI 會在前面加上帶 MIME 型別的字首，例如 data:image/png;base64,，這樣瀏覽器在任何需要圖片地址的地方都能直接顯示它。
圖片的讀取和編碼都在你的瀏覽器中完成，不會上傳到伺服器，私密截圖和未公開的設計稿都留在本地。
應該複製哪種輸出？
- Data URI：用於
src屬性、JavaScript，以及需要 URL 的 JSON 欄位。 - 純 Base64：用於只接收編碼資料的 API，通常另有欄位填寫 MIME 型別或檔名。
- HTML img 標籤：直接貼上到網頁或模板中。
- CSS background-image：在樣式表中使用圖示和裝飾圖。
- Markdown：用於文件和筆記。注意 GitHub 等部分渲染器不顯示 Data URI 圖片。
支援的格式一覽
Base64 字串的開頭幾個字元就能看出檔案型別，因為它們對應的是格式的檔案簽名。
| 格式 | MIME 型別 | Base64 開頭 |
|---|---|---|
| PNG | image/png | iVBORw0KGgo |
| JPEG | image/jpeg | /9j/ |
| WebP | image/webp | UklGR |
| GIF | image/gif | R0lGOD |
| SVG | image/svg+xml | PHN2Zy 或 PD94bWw |
| BMP | image/bmp | Qk |
| ICO | image/x-icon | AAABAA |
| AVIF | image/avif | 不固定 |
| TIFF | image/tiff | SUkqAA 或 TU0AKg |
什麼時候適合內嵌圖片
Data URI 可以省掉一次網路請求，讓檔案完全自包含。它適合幾 KB 大小的小圖示和 Logo、單檔案 HTML 報告、模糊的小佔位圖，以及需要放進 JSON 裡傳輸的圖片。大尺寸照片則不適合：體積多出三分之一，瀏覽器無法單獨快取，HTML 或 CSS 檔案也會變重，必須先下載完才能渲染，得不償失。如果網站設定了 Content-Security-Policy，還需要在 img-src 中允許 data:。
常見問題
圖片會上傳到伺服器嗎？
不會。瀏覽器在你的裝置上讀取並編碼每個檔案，不會發送到 base64.is 或其他任何地方。
為什麼 Base64 文字比圖片還大？
Base64 每 3 個位元組用 4 個字元表示，所以結果大約大 33%，還要加上 Data URI 字首。想縮短結果，可以設定最大寬度，或以較低品質轉換為 WebP 或 JPEG。
可以一次轉換多張圖片嗎？
可以。選擇或拖入多個檔案即可，每張圖片都有獨立的預覽、大小資訊和各種輸出，並配有複製和下載按鈕。
Base64 圖片能在 HTML 郵件裡顯示嗎？
只能部分支援。Apple Mail 可以顯示，但 Gmail 和不少 Outlook 版本不會顯示。傳送郵件營銷內容時，使用外鏈圖片或以
cid: 引用的內嵌附件更可靠。如何把 Base64 還原成圖片？
使用 Base64 轉圖片工具，它會識別圖片格式、顯示預覽並提供檔案下載。