跳到主要內容

圖片轉 Base64 — 生成 Data URI、CSS、HTML

將圖片編碼為 Base64 Data URI,可複製為純 Base64、CSS 背景、HTML img 標籤或 Markdown。自動識別 PNG、JPG、GIF、WebP、SVG 等格式。

單張圖片最大 15 MB · 支援 PNG、JPG、GIF、WebP、AVIF、SVG、BMP、ICO

使用方法

  1. 選擇圖片或將其拖入框內。
  2. 選擇輸出格式:Data URI、僅 Base64、CSS、HTML 或 Markdown。
  3. 複製文字,或下載為 .txt 檔案。

範例

logo.png(1.2 KB)→ data:image/png;base64,iVBORw0KGgo…(約 1.6 KB 文字)

功能與限制

Base64 文字比原檔案大約 33%。小圖示和 Logo 適合內聯;較大的圖片建議使用連結引用,以保證頁面載入速度。

圖片型別根據檔案內容而非檔名識別:PNG、JPG、GIF、WebP、AVIF、SVG、BMP 和 ICO。編碼在瀏覽器中完成。

FAQ

什麼時候適合用 Base64 Data URI?

適合 CSS、HTML 郵件或單檔案頁面中的小圖片,此時減少一次請求比檔案大小更重要。Data URI 不會獨立於頁面單獨快取。

圖片會被上傳嗎?

不會。檔案在你的裝置上讀取和編碼。

格式參考資料

工具頁面更新日期: