圖片轉 Base64 後為甚麼體積大了約 33%？

Base64 把每 3 個字節寫成 4 個字符，30 KB 的圖片約變成 40 KB 文本，再加 data: 前綴。開啓 gzip 後差距會縮小，但內聯圖片不能單獨緩存，通常只適合幾 KB 的小圖標。

SVG 做 Data URI 用 URL 編碼還是 Base64？

一般 URL 編碼更短：只轉義 #、%、< 等少數字符，Base64 則固定增加約 33%。本頁默認對 SVG 用 URL 編碼並把雙引號換成單引號，可直接放進 CSS；有要求時再改用 Base64。

粘貼 Base64 後提示不是圖片該怎麼辦？

先確認文本完整，只能含 A–Z、a–z、0–9、+、/ 和結尾最多 2 個 =。本頁按文件頭識別格式，如 PNG 前 8 字節固定、JPEG 以 FF D8 FF 開頭；截斷或實為 PDF 都會提示。

圖片 Base64 互轉

圖片轉 Base64、Data URI、CSS 或 HTML 程式碼，也可把 Base64 還原成圖片下載

瀏覽器本地計算

上方拖入圖片即可得到 Data URI 等代碼；下方粘貼 Base64 會自動還原成圖片，可預覽後下載。

圖片 → Base64

選擇或拖入一張圖片也可以直接粘貼剪貼板中的圖片。圖片只在當前瀏覽器中處理，不會上傳。支持常見圖片格式及 SVG、ICO，單個文件不超過 5 MB。

輸出樣式

SVG 使用 URL 編碼（更短）

Base64 → 圖片

粘貼 Data URI 或 Base64

範例

輸入

解碼區：16×16 PNG 的 Data URI（data:image/png;base64,iVBORw0KGgo…，共 94 字節）

示例結果

PNG · 94 B · 16×16，可預覽並下載為 image.png；編碼區同時把一張 160×100 的示例圖轉成 Data URI

94 字節編碼後是 128 個 Base64 字符，加上 22 個字符的 data:image/png;base64, 前綴。

技術細節與邊界

編碼使用瀏覽器 FileReader 生成標準 Base64，每 3 個字節變成 4 個字符，體積約增加 33%；SVG 的 URL 編碼只轉義 Data URI 必須轉義的字符，並把雙引號換成單引號。解碼接受 data: 前綴、純 Base64、URL 安全字符（- 和 _）以及缺失的 = 補位；按文件頭識別 PNG、JPEG、GIF、WebP、BMP、ICO、AVIF、SVG，與聲明類型不一致時給出提示。編碼輸入上限 5 MB，解碼輸入上限 2000 萬字符。

關於此工具

把 PNG、JPG、WebP、GIF、SVG、ICO 等圖片轉換為 Base64 或 Data URI，並直接生成 CSS background-image、HTML <img> 或 Markdown 代碼；SVG 可選用更短的 URL 編碼。反方向可粘貼 Data URI 或純 Base64，按文件頭識別真實格式，預覽尺寸後下載為圖片文件。全部在瀏覽器本地完成，圖片和文本都不會上傳。

操作步驟

圖片轉碼：拖入、選擇或粘貼一張圖片，選擇輸出樣式。
複製或下載生成的文本；SVG 可勾選 URL 編碼獲得更短結果。
還原圖片：在下方粘貼 Data URI 或 Base64，確認格式與尺寸後下載。

輸入 / 輸出說明

輸入: 編碼：一張不超過 5 MB 的圖片（含 SVG、ICO）；解碼：不超過 2000 萬字符的 Data URI 或 Base64 文本。
輸出: Data URI、純 Base64、CSS、HTML 或 Markdown 文本；解碼得到原始圖片文件。
限制: 不壓縮、不縮放圖片；解碼只接受能識別為圖片的內容，不處理 PDF 或其他文件類型。

注意事項

內聯圖片會讓 HTML / CSS 變大且無法單獨緩存，通常只適合很小的圖標。較大的圖片建議先用圖片壓縮處理。

常見問題

圖片轉 Base64 後為甚麼體積大了約 33%？: Base64 把每 3 個字節寫成 4 個字符，30 KB 的圖片約變成 40 KB 文本，再加 data: 前綴。開啓 gzip 後差距會縮小，但內聯圖片不能單獨緩存，通常只適合幾 KB 的小圖標。
SVG 做 Data URI 用 URL 編碼還是 Base64？: 一般 URL 編碼更短：只轉義 #、%、< 等少數字符，Base64 則固定增加約 33%。本頁默認對 SVG 用 URL 編碼並把雙引號換成單引號，可直接放進 CSS；有要求時再改用 Base64。
粘貼 Base64 後提示不是圖片該怎麼辦？: 先確認文本完整，只能含 A–Z、a–z、0–9、+、/ 和結尾最多 2 個 =。本頁按文件頭識別格式，如 PNG 前 8 字節固定、JPEG 以 FF D8 FF 開頭；截斷或實為 PDF 都會提示。