如何把圖片轉成 Base64
- 1把圖片拖進框內、從剪貼簿貼上截圖，或點「選擇檔案」。
- 2選擇輸出格式：data URI、純 Base64、HTML、CSS 或 Markdown。
- 3複製程式碼，貼到你的網頁、樣式表或 API 請求中。
輸出格式
Data URI
data:image/png;base64,iVBOR…任何接受 URL 的地方都能使用。純 Base64
iVBORw0KGgoAAAANSUhEUg…用於只需要 Base64 部分的 JSON 欄位和 API。HTML
<img src="data:image/png;base64,…" alt="">HTML 電子郵件和單一檔案網頁中的內嵌圖片。CSS
background-image: url("data:…");小圖示和花紋，省下一次請求。Markdown
支援 data URI 的 README 和筆記。什麼時候適合內嵌圖片
Base64 會讓圖片變大約三分之一，而且內嵌的圖片無法與網頁分開快取。小圖示、HTML 電子郵件中的 logo、單一檔案文件適合內嵌；照片以及超過 10 KB 左右的圖片，使用一般圖片檔通常更快。
常見問題
有檔案大小限制嗎？
沒有固定限制，因為一切都在瀏覽器中完成。但很大的圖片會產生很長的字串，可能讓編輯器變慢，所以內嵌的圖片盡量小。
轉換會降低圖片品質嗎？
不會。檔案按原樣逐位元組編碼，不縮放也不重新壓縮，解碼後得到完全相同的檔案。
Base64 圖片能用在電子郵件中嗎？
Apple Mail 和大多數手機郵件 App 能顯示。Gmail 和部分版本的 Outlook 會封鎖 data URI，請在你的讀者常用的用戶端中測試。
怎麼把字串轉回圖片？
貼到 Base64 轉圖片 即可預覽和下載。