圖片轉 Base64 編碼

將任何圖片轉換為 Base64 編碼字串。產生可直接在專案中使用的 Data URI、CSS 背景代碼和 HTML img 標籤。

拖曳圖片到此處或點擊瀏覽

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

所有處理均在瀏覽器本機完成,圖片不會上傳到任何伺服器。

如何將圖片轉換為 Base64

1

上傳圖片

點擊或拖曳上傳圖片檔案。支援 JPG、PNG、WebP、SVG、GIF 等常見圖片格式。

2

查看編碼結果

即時查看圖片轉換後的 Base64 編碼。可在 Data URI、原始 Base64、CSS 背景和 HTML img 標籤格式之間切換。

3

複製使用

點擊複製按鈕將編碼結果複製到剪貼簿。直接貼到程式碼、郵件或應用程式中使用。

Base64 圖片的使用場景

郵件嵌入

將圖片直接嵌入 HTML 郵件中,無需外部托管。Base64 編碼的圖片確保收件人無論郵件客戶端設定如何都能看到圖片內容。

CSS 背景圖

使用 Base64 圖片作為 CSS 背景圖以減少 HTTP 請求。適合需要隨樣式表即時載入的小圖示、圖案和 UI 元素。

小圖示和精靈圖

將小圖示和精靈圖直接嵌入 HTML 或 CSS 中。消除小資源的額外網路請求,確保圖示在頁面載入時立即顯示。

API 資料傳輸

在 JSON API 請求中以 Base64 字串傳送圖片。無需多部分表單上傳,只需在 API 請求體中包含編碼字串即可實現無縫圖片資料傳輸。

數據視覺化

將圖表和數據視覺化圖像直接嵌入報告和儀表板中。Base64 編碼確保視覺內容自包含,離線也能正確顯示。

離線應用

將圖片以 Base64 字串形式儲存在本機儲存或資料庫中,用於離線 Web 應用。確保所有視覺資源在無網路連線時也可用。

常見問題

什麼是 Base64 編碼?

Base64 是一種將二進位資料(如圖片)轉換為 ASCII 文字的編碼方案。它使用 64 個可列印字元(A-Z、a-z、0-9、+、/)來表示二進位資料,使其可以安全地嵌入 HTML、CSS、JSON 等文字格式中。

Base64 編碼的圖片會增大多少?

Base64 編碼會使資料大小增加約 33%。一張 30 KB 的圖片編碼後大約變為 40 KB。這是因為每 3 位元組的二進位資料被轉換為 4 個 Base64 字元。Data URI 前綴還會額外增加幾個位元組。

什麼時候應該使用 Base64 圖片?

建議對小圖片(10-20 KB 以下)使用 Base64,如圖示、Logo 和需要減少 HTTP 請求的 UI 元素。對於較大的圖片,使用常規檔案搭配快取更高效,因為 Base64 字串無法單獨快取且會增加文件大小。

在這裡轉換圖片安全嗎?

完全安全。所有轉換均透過 JavaScript 在瀏覽器本機完成。圖片不會上傳到任何伺服器,資料不會離開你的裝置,確保完全的隱私和安全。

支援轉換哪些圖片格式?

可以轉換瀏覽器支援的任何圖片格式,包括 JPG/JPEG、PNG、WebP、SVG、GIF、BMP、ICO 和 AVIF。工具會在 Data URI 輸出中保留原始 MIME 類型。

立即將圖片轉換為 Base64

即時將圖片編碼為 Base64,可嵌入 HTML、CSS 和 API 中。免費、快速,完全保護隱私。