🖼️ 圖片轉 Base64 編碼器
立即將任何圖片轉換為 Base64 資料 URI — 然後將其複製為原始 Base64、CSS 背景圖片規則或 HTML 圖片標籤,無需上傳您的檔案。
載入圖片
🖼️
在此處拖放圖片,或點選以瀏覽
在瀏覽器中轉換 — 無需上傳
隱私優先設計. 此工具完全在您的瀏覽器中運行 — 您輸入的內容不會上傳或儲存,而且它可以在離線狀態下使用。
關於
此工具使用瀏覽器的 FileReader API 讀取您的圖片檔案,並在您的設備上將其編碼為 Base64 字串。您可以複製結果為三種即用格式:原始資料 URI(可用於任何接受 URL 的地方)、CSS 背景圖片片段,或完整的 HTML 圖片元素。面板也會顯示原始檔案大小與編碼後的大小,讓您可以評估權衡。由於編碼在本地執行,您的圖片永遠不會離開瀏覽器 — 這使其對於敏感圖形(如商標或私人照片)來說是安全的。
如何使用
- 將圖片拖放到上傳區域,或點選以從設備中選擇檔案。
- 這個工具會即時在瀏覽器中對圖片進行編碼,並顯示原始檔案和編碼後的檔案大小。
- 選擇你的複製格式:原始 Base64 資料 URI、CSS background-image 規則,或 HTML img 標籤。
- 點選「複製」按鈕,將編碼後的字串複製到剪貼簿,準備貼到你的程式碼中。
常見問題
- 什麼是 Base64 資料 URI?
- Base64 資料 URI 會將二進位檔案內容以 data:[mime];base64,[encoded] 的格式編碼成純文字,讓你可以直接在 HTML、CSS 或 JSON 中嵌入圖片,而無需額外的檔案請求。
- 我的圖片會上傳到伺服器嗎?
- 不會。編碼使用瀏覽器的 FileReader API,並完全在你的設備上執行。你的圖片永遠不會離開瀏覽器。
- 為什麼 Base64 輸出看起來比原始圖片大很多?
- Base64 編碼會將二進位資料擴展約 33%,因為它會將每 3 個位元組表示為 4 個 ASCII 字元。這是預期且正常的。
- 我可以將哪些圖片格式轉換為 Base64?
- 任何瀏覽器可以讀取的圖片:PNG、JPEG、WebP、GIF、SVG、BMP、AVIF 等。MIME 類型會自動從檔案中檢測。
- 什麼時候應該使用 Base64 圖片而不是常規圖片檔案?
- Base64 非常適合嵌入在單一 HTML 電子郵件檔案、內聯 CSS 或 JSON API 載入中的小圖示或標誌。在這些場合中,額外的 HTTP 請求會增加延遲或不被允許。對於大圖片,使用常規檔案 URL 會更有效率。
- 此工具會上傳我的資料嗎?
- 不會。所有運作都在您的瀏覽器中進行,因此您的資料永遠不會離開您的設備 — 頁面載入後,它甚至可以在離線狀態下使用。