圖片 Base64 轉換
圖片與 Base64 編碼互轉,支持拖拽上傳和實時預覽
上傳圖片
拖拽圖片到此處,或點擊選擇文件
支持 JPG、PNG、GIF、WebP、SVG 等格式
什麼是 Base64 圖片編碼?
Base64 是一種基於 64 個可打印字符來表示二進制數據的編碼方式。圖片 Base64 編碼將圖片的二進制數據轉換為一串 ASCII 字符,使圖片可以直接嵌入到 HTML、CSS 或 JSON 等文本格式中。
Data URL 格式:data:image/[格式];base64,[編碼數據]
使用方法
圖片轉 Base64
- 拖拽圖片到上傳區域,或點擊選擇文件按鈕
- 選擇輸出格式:包含 Data URL 前綴或純 Base64
- 點擊「複製 Base64」按鈕複製結果
- 將複製的內容粘貼到需要的地方
Base64 轉圖片
- 將 Base64 字符串粘貼到輸入框
- 點擊「轉換為圖片」按鈕
- 預覽轉換結果,可下載保存圖片
使用實例
在 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: 不會。所有轉換都在您的瀏覽器本地完成,圖片數據不會上傳到任何服務器,保護您的隱私安全。