圖片轉 Base64

🔒 本機處理 圖片與檔案

把圖片轉成 Base64 資料 URI,方便內嵌到 HTML 或 CSS。

圖片轉 Base64 工具讓你上傳圖片後,立即得到對應的 Base64 資料 URI(data URI),可一鍵複製字串,或複製成 CSS 的 background-image 寫法。把小圖示直接內嵌到 HTML、CSS 或設定檔中,可減少額外的圖片請求。所有轉換都在你的瀏覽器本機完成,圖片不會上傳。

工具互動區

🔒 圖片在你的瀏覽器本機轉換,不會上傳到伺服器。

原始檔案大小-
圖片尺寸-
Base64 長度-

如何使用

  1. 選擇要轉換的圖片檔案(建議 5MB 以內)。
  2. 工具會立即產生 Base64 資料 URI。
  3. 按「複製」取得字串,或按「複製為 CSS」取得 background-image 寫法。
  4. 把字串貼到你的 HTML、CSS 或設定檔中使用。

常見使用情境

  • 把小圖示內嵌到 CSS,減少額外請求。
  • 在沒有圖片主機時,直接把圖片放進 HTML。
  • 在設定檔或 email 範本中嵌入圖片。

常見問題

Base64 會讓檔案變大嗎?
會,Base64 編碼後的字串通常比原圖大約 33%,建議只用於小圖示。
圖片會被上傳嗎?
不會,所有轉換都在你的瀏覽器本機完成。
為什麼限制檔案大小?
大圖轉成的字串會非常長、佔用大量記憶體,因此限制在約 5MB 內以維持順暢。
可以直接用在 HTML 圖片標籤並加上 alt 文字嗎?
可以,把資料 URI 放到圖片標籤的 src,並加上描述性的 alt 文字即可顯示圖片。
支援哪些格式?
支援常見的 JPG、PNG、WebP、GIF、SVG 等圖片格式。

隱私與本機處理

🔒 此工具完全在您的瀏覽器本機執行,不會將任何資料上傳到伺服器。

圖片轉 Base64 完全在你的瀏覽器本機進行,不會上傳任何檔案。

信任與使用提醒

本工具主要在你的瀏覽器中執行,輸入內容不會主動上傳到伺服器。請避免輸入高度敏感資料。計算結果僅供參考。

最後更新: