Base64 圖片編碼器和解碼器

把圖片轉換為 Base64,反之亦然。支援 PNG、JPEG、GIF、WebP、BMP、SVG、ICO。輸出為 Data URI、HTML <img>、CSS background-image、Markdown、JSON 或 XML。
所有處理均在您的瀏覽器本地完成——圖片絕不會上傳到任何伺服器。
方向: 格式:
📷
點選選擇或把圖片拖放到此處
PNG、JPEG、GIF、WebP、BMP、SVG、ICO — 最大 10 MB
⚠ 圖片較大(>5 MB)。編碼後的 Base64 會非常長,建議先壓縮。
Preview
格式:-
尺寸:-
檔案大小:-
Base64 大小:-
編碼:圖片 → Base64
上傳或拖放圖片即可編碼為 Base64。可從 7 種輸出格式中選擇:Data URI(可直接嵌入網頁)、原始 Base64、HTML <img>、CSS background-image、Markdown、JSON 或 XML。
解碼:切換方向即可把 Base64 字串解碼回圖片——貼上任意 Base64 或 Data URI,即可預覽圖片。圖片格式根據魔數位元組自動識別(PNG、JPEG、GIF、WebP、BMP、ICO、SVG)。
URL 安全:將 + 替換為 -、/ 替換為 _,並去掉末尾的 = 填充。
支援的格式:PNG、JPEG、GIF、WebP、BMP、SVG、ICO。
隱私:所有處理均在您的瀏覽器本地完成——圖片絕不會被上傳。
什麼時候值得內聯圖片

把圖片內聯為 data URI 可以省一次 HTTP 請求 — 這對小型裝飾圖片(圖示、分隔線、徽標)很值得,因為現代瀏覽器最多允許每個域約 6 個併發請求。對更大的圖片,Base64 文本比原始位元組大約 33%,反而會拖慢頁面:原本可以快取的圖片,現在每次載入 HTML 都要重新下載。

經驗法則:幾 KB 以內的小圖片適合內聯;更大的圖片應使用單獨快取的圖片檔案,重複造訪時效果更好。