圖片 Base64 轉換

圖片與 Base64 編碼互轉,支持拖拽上傳和實時預覽

上傳圖片

拖拽圖片到此處,或點擊選擇文件

支持 JPG、PNG、GIF、WebP、SVG 等格式

什麼是 Base64 圖片編碼?

Base64 是一種基於 64 個可打印字符來表示二進制數據的編碼方式。圖片 Base64 編碼將圖片的二進制數據轉換為一串 ASCII 字符,使圖片可以直接嵌入到 HTML、CSS 或 JSON 等文本格式中。

Data URL 格式:data:image/[格式];base64,[編碼數據]

使用方法

圖片轉 Base64

  1. 拖拽圖片到上傳區域,或點擊選擇文件按鈕
  2. 選擇輸出格式:包含 Data URL 前綴或純 Base64
  3. 點擊「複製 Base64」按鈕複製結果
  4. 將複製的內容粘貼到需要的地方

Base64 轉圖片

  1. 將 Base64 字符串粘貼到輸入框
  2. 點擊「轉換為圖片」按鈕
  3. 預覽轉換結果,可下載保存圖片

使用實例

在 HTML 中使用

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUg..." alt="image description">

在 CSS 中使用

.background {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...');
}

在 JSON API 中傳輸

{
    "image": "iVBORw0KGgoAAAANSUhEUgAAAAUA...",
    "format": "png"
}

常見問題 (FAQ)

Q: 為什麼要將圖片轉為 Base64?

A: Base64 編碼可以減少 HTTP 請求數量,適合小圖標、背景圖等場景。圖片直接嵌入到代碼中,無需額外的文件請求。

Q: Base64 編碼後圖片會變大嗎?

A: 是的,Base64 編碼會使數據增大約 33%。建議只對小圖片(通常小於 10KB)使用 Base64 編碼。

Q: 大圖片適合用 Base64 嗎?

A: 不推薦。大圖片編碼後的字符串很長,會增加 HTML/CSS 文件體積,影響加載性能。建議使用圖片 CDN 或懶加載技術。

Q: 圖片會上傳到服務器嗎?

A: 不會。所有轉換都在您的瀏覽器本地完成,圖片數據不會上傳到任何服務器,保護您的隱私安全。