圖片轉 Base64

← ToolBox / 圖片轉 Base64
📖 檢視「image-to-base64 使用指南」

🖼️ Image to Base64

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

Convert an image locally to a Base64 string with preview, size display and one-click copy for embedding in HTML/CSS.

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

📚 深度解析：本地圖片轉 Base64 內聯

💡 常見使用場景

  • 把 PNG/JPG/SVG 小圖轉成 Base64 字串內嵌到網頁。
  • 預覽並核對編碼後體積，判斷是否適合內聯。
  • 一鍵複製 data URI 直接用於 CSS/HTML。
小圖示內聯
幾 KB 的圖示轉 Base64 後可直接寫入 CSS，減少一次 HTTP 請求，但會增大樣式表體積。
較大照片不宜內聯
數百 KB 的照片 Base64 後體積膨脹約 33%，會拖慢首屏，建議仍走外鏈。

❓ 常見問題（FAQ）

轉換會上傳到伺服器嗎？
不會。轉換在瀏覽器本地完成，圖片不會離開你的裝置。
Base64 圖片有什麼優劣？
優點是減少請求、便於單檔案分發；缺點是體積增大、不可快取，僅適合小圖。
⚠️ 使用說明與注意事項

🔗 相關工具

🔍 ASCII 可讀性檢測ASCII 可讀性檢測器，估算文本中 ASCII 與可列印字元佔比，輔助判斷編碼與文本內容可讀性。 🔤 Base32 編碼長度估算Base32 編碼長度估算器，按輸入位元組數估算編碼後字串長度，用於傳輸與儲存容量規劃。 🔤 Base58 校驗長度輸入原始位元組長度，工具按 Base58 編碼規則併疊加 4 位元組校驗和，估算編碼後字串長度，常用… 🔤 Base64 編碼 / 解碼Base64 編碼 / 解碼 🔤 Base64 編碼大小按原始大小估算編碼後體積 🔤 Base64 編碼長度輸入待編碼資料的位元組數，工具按每 3 位元組轉為 4 字元的規則估算 Base64 編碼後的字元數…