圖片轉 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
使用方法
- 選擇圖片或將其拖入框內。
- 選擇輸出格式:Data URI、僅 Base64、CSS、HTML 或 Markdown。
- 複製文字,或下載為 .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 不會獨立於頁面單獨快取。
圖片會被上傳嗎?
不會。檔案在你的裝置上讀取和編碼。
相關工具
格式參考資料
工具頁面更新日期: