圖片轉 Base64 工具
將圖片轉換為 Base64 字串，或反向解碼，完全在您的瀏覽器中完成。
拖放圖片到此處或點擊選擇
尚無圖片
關於圖片轉 Base64 工具
將圖片轉換為 Base64 編碼字串，方便嵌入 HTML、CSS 或 JSON，也可以將 Base64 字串解碼回可下載的圖片。所有處理都在您的瀏覽器中本地完成。
這個工具是什麼？
將任何圖片轉換為 Base64 編碼的文字字串，或將現有的 Base64 字串解碼回可預覽、可下載的圖片——全部在您的瀏覽器中本地完成，不會上傳至任何伺服器。
使用方法
- 將圖片拖放到拖放區，或點擊選擇檔案。
- Base64 字串會自動顯示——點擊複製即可在程式碼中使用。
- 若要反向操作，將 data:image/... 開頭的 Base64 字串貼入文字框並點擊預覽。
- 點擊下載將預覽的圖片儲存到您的裝置。
常見用途
- 將小型圖片直接嵌入 HTML 或 CSS，減少額外的 HTTP 請求
- 在 JSON 資料或電子郵件範本中包含圖片
- 快速檢視 Base64 圖片字串實際呈現的樣子
- 除錯 API 回應中的 data URI
使用技巧
- Base64 編碼會使檔案大小增加約 33%——最適合小型圖示，不適合大型照片。
- 輸出結果包含完整的 data:image/... 前綴，可直接貼入 <img> 的 src 屬性使用。
常見問題
為什麼我要將圖片轉換為 Base64 而不只是連結檔案？
將圖片作為 Base64 嵌入避免單獨的 HTTP 請求，這對於小圖示或直接捆綁到 HTML、CSS 或 JSON 中的內聯圖片很有用，其中額外的網路往返值不得其所。
Base64 編碼是否是大照片的好主意？
通常不是。Base64 增加檔案大小約 33% 並防止瀏覽器單獨快取圖片，所以它最好留給小資產如圖示或徽標，而不是完整尺寸照片。
data:image/... 前綴意味著什麼？
它是一個 data URI 方案，告訴瀏覽器以下字串是內聯圖片資料，並指定 MIME 類型（例如 image/png），因此瀏覽器知道如何直接呈現它而無需單獨檔案。
我可以從已有的 Base64 字串預覽圖片嗎？
是的。將完整的 data:image/... 字串貼入解碼文字框並點擊預覽以呈現它，然後使用下載以將其儲存為常規圖片檔案。
轉換時我的圖片是否被上傳？
不會。編碼和解碼都在您的瀏覽器中本地進行——沒有圖片資料被傳送到任何伺服器。
將圖片轉換為 Base64 字串，或將 Base64 解碼回圖片，完全在您的瀏覽器中完成。免費、快速，無需上傳檔案。