LibraTool logoLibraTool

免費圖片轉 Base64

將圖片轉為 Base64 資料 URI,用於 CSS、HTML 或 Markdown 的內嵌。複製現成程式碼片段。在瀏覽器中編碼,不會上傳。

載入後可離線使用

將檔案拖放到此處或點選瀏覽

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · 無強制大小限制

或按 Ctrl+V 從剪貼簿貼上

瀏覽檔案

提示: 您也可以從剪貼簿貼上圖片(Ctrl+V)。

你的檔案永遠不會離開你的裝置。所有處理都在你的瀏覽器中本地進行。

將圖片轉換為 Base64 資料 URI,可直接貼上至 CSS、HTML 或 Markdown — 無需單獨檔案。在瀏覽器中編碼,從不上傳。

工作原理

資料 URI 將圖片直接嵌入您的程式碼中作為文字,所以它載入時無需單獨的檔案請求 — 對小圖示和自包含 HTML 很方便。這個工具在您的瀏覽器中對其進行編碼。

  1. 1
    您放入一個圖片
    它用 FileReader API 在本地讀取 — 永不上傳。
  2. 2
    它被 Base64 編碼
    圖片位元組直接在您的瀏覽器中變成 data: URI(data:image/...;base64,…)。
  3. 3
    您選擇一個片段
    複製原始資料 URI,或現成的 CSS(background-image)、HTML(<img>)或 Markdown。
  4. 4
    貼上到您的程式碼中
    圖片現在與您的 CSS/HTML 內聯 — 無需託管額外的檔案。

圖片完全在您的裝置上編碼。請注意 Base64 比原始檔案大約 33% 更大,所以資料 URI 最適合小圖片。

相關工具

常見問題