0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
設定
將圖片轉換為 Base64 以嵌入 HTML、CSS 或 JSON，或將 Base64 字串解碼回圖片。支援 PNG、JPEG、GIF、WebP、SVG 和 BMP。
拖曳影像或按一下以選取
PNG、JPEG、GIF、WebP、SVG、BMP
運作方式
它將圖像轉換為 Data URI 形式（data:image/…;base64,…）的 Base64 字串，你可以將其直接嵌入 HTML 或 CSS，而無需單獨檔案或額外的 HTTP 請求。
結果比原始檔案大約多佔 33%，因此最好將其保留給小圖像：圖示、標誌、圖案或佔位圖。
在解碼模式下，它接受 Base64 字串或完整的 Data URI，根據其起始位元組偵測圖像類型，並顯示可下載的預覽。
範例
logo.pngdata:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA…data:image/png;base64, 前綴表示類型。每個編碼後的 PNG 都以 iVBORw0KGgo 開頭，對應其檔案簽章。background-image: url("data:image/png;base64,iVBORw0KGgo…");該 Data URI 可以原樣用於 CSS 規則中，以在沒有外部檔案的情況下嵌入圖像。使用情境
- 透過 data URI 將小圖示或標誌嵌入 CSS/HTML，避免額外請求。
- 將圖像儲存在 JSON、設定檔或資料庫中。
- 透過僅接受文字的 API 或電子郵件（MIME）傳送圖像。
- 從 Base64 字串或 Data URI 還原並預覽圖像。
常見問題
應該把所有圖像都轉換為 Base64 嗎？
不。它會使體積增大約 33%，且瀏覽器無法單獨快取該圖像。它適合小圖像，但對於大圖像，幾乎總是使用單獨檔案更好。
它支援哪些圖像格式？
編碼時任意格式（PNG、JPEG、GIF、WebP、BMP、SVG）。解碼時會根據檔案的起始位元組自動偵測類型。
為什麼我的 Data URI 這麼長？
因為 Base64 用 4 個字元表示每 3 個位元組，所以文字相比原始二進位會增大約 33%。這很正常，尤其是圖像。
我的圖像會上傳到伺服器嗎？
不會。圖像完全在你的瀏覽器中讀取和編碼；它絕不會離開你的電腦。