圖片轉 Base64

← ToolBox / 圖片轉 Base64

🔤 圖片轉 Base64

📐 工作原理與說明
把圖片檔案編碼為 Base64 文本（常以 Data URL 形式輸出）。
  • 流程：讀取圖片位元組流 → Base64 編碼 → 拼成 data:image/png;base64,…。
  • 用途：內聯小圖示減少請求數、嵌入 HTML/CSS、上傳前本地預覽。
  • 代價：編碼後體積膨脹約 33%，大圖不宜內聯（經驗閾值約 10KB 以內）。
  • 注意：Base64 是編碼不是壓縮，也不會減小實際傳輸體積。

選擇或拖入圖片，本地轉換為 Base64 編碼字串，可預覽、檢視大小並一鍵複製，適合內嵌圖片到 HTML/CSS/小程式。

📁
點選選擇圖片，或將圖片拖拽到此處
支援 PNG / JPG / WebP / GIF，建議 < 5MB

📚 深度解析：Image to Base64

💡 常見使用場景

  • 把圖片轉 data URI 內聯進頁面。
  • 把小圖示內聯進 CSS 或郵件模板：幾 KB 的圖示轉 data URI 後可省一次請求，但大圖這樣做會顯著拖慢首屏。
轉換
上傳 PNG → `data:image/png;base64,iVBORw0KGgo...`（字首含 MIME）。

❓ 常見問題（FAQ）

內聯圖片變大嗎？
Base64 約膨脹 33%，小圖可用，大圖建議外鏈。
什麼時候不該用 data URI？
大於幾 KB 的圖片不建議內聯：Base64 會讓體積增加約 33%，且內聯內容無法被瀏覽器單獨快取，也會阻塞 HTML/CSS 的解析與渲染。需要快取、需要懶載入、或圖片會被多處複用時，應使用獨立檔案配合快取頭。
⚠️ 使用說明與注意事項

🔗 相關工具

🔍 ASCII 可讀性檢測ASCII 可讀性檢測 🔤 Base32 編碼長度估算Base32 編碼長度估算 🔤 Base58 校驗長度Base58 校驗長度 🔤 Base64 編碼 / 解碼Base64 編碼 / 解碼 🔤 Base64 編碼大小Base64 編碼大小 🔤 Base64 編碼長度Base64 編碼長度