跳至正文

圖片 → Base64 轉換器

將圖片檔案轉換為 Base64 字串。產生可直接嵌入 HTML、CSS 的 Base64 程式碼。

📁

Click or drag and drop an image here

Supports: JPG, PNG, GIF, WebP (Max 10MB)

About Base64 Images

Base64 encoding converts images into text format that can be embedded directly in HTML, CSS, or JSON. This eliminates the need for separate image files and reduces HTTP requests.

Advantages

  • No additional HTTP requests - faster page load
  • Perfect for small icons and logos
  • Works well in email templates
  • Self-contained HTML files

Disadvantages

  • Increases file size by ~33%
  • Cannot be cached separately by browsers
  • Not suitable for large images
  • Makes code less readable

Best Practices

  • Use for small images (icons, bullets) under 10KB
  • Optimize images before converting
  • Consider SVG for vector graphics instead
  • Use traditional image files for photos

主要功能​

📤 簡便上傳​

  • 點擊選擇檔案
  • 支援拖放
  • 支援最大 10MB

🖼️ 預覽​

  • 立即預覽上傳的圖片
  • 顯示圖片資訊（大小、解析度、類型）
  • 計算 Base64 資料大小

💻 程式碼片段​

  • HTML <img> 標籤範例
  • CSS background-image 範例
  • 一鍵複製功能

💾 匯出​

  • 複製 Base64 字串
  • 複製 HTML/CSS 程式碼

什麼是 Base64 編碼？​

Base64 是將二進位資料轉換為文字格式的編碼方式。將圖片編碼為 Base64 後，可直接包含在 HTML 或 CSS 中。

支援的格式​

  • JPG/JPEG：適用於照片
  • PNG：支援透明背景
  • GIF：支援動畫
  • WebP：現代格式

相關工具​

💬 這個工具對您有幫助嗎？​

歡迎隨時向我們發送您的意見或建議！

🔒 隱私權保護​

此工具完全在客戶端運作。您上傳的圖片不會傳送到伺服器，僅在瀏覽器中處理。