圖片轉 Base64
在下方拖放圖片，即可立即編碼為 Base64——所有操作均在您的瀏覽器中完成，不會上傳至伺服器。
拖放圖片至此
或點擊瀏覽——您也可以從剪貼簿貼上
選擇圖片
新增圖片後，Base64 字串將顯示於此。
關於 圖片轉 Base64
圖片轉 Base64 轉換器能將任何圖片編碼為 Base64 字串或可直接使用的資料 URI,整個過程都在你的瀏覽器中完成。將檔案拖曳到放置區、瀏覽選取,或直接從剪貼簿貼上圖片,編碼結果會連同預覽立即顯示出來。
你可以選擇輸出原始 Base64(僅編碼位元組)或完整的資料 URI(格式為 data:image/…;base64,…),可直接貼到 CSS 的 background-image、HTML 的 img src 或 JSON 酬載中。詳細資訊面板會顯示檔案名稱、MIME 類型、像素尺寸、原始大小和編碼後大小。
由於檔案是透過 FileReader API 在本機讀取,不會上傳到任何伺服器,對於商標、內部儀表板截圖,或任何你不想交給第三方的資產來說非常實用。
如何使用 圖片轉 Base64
- 將圖片拖放到頁面上、點擊瀏覽選取,或從剪貼簿貼上一張圖片。
- 選擇輸出格式:原始 Base64 或資料 URI。
- 檢視預覽和圖片詳細資訊(類型、尺寸、原始大小與編碼後大小)。
- 點擊「複製 Base64」,將字串用於你的 CSS、HTML 或 JSON。
常見問題
不會。檔案是透過 FileReader API 在你的瀏覽器中本機讀取並編碼,絕不會經過任何伺服器,這也是為何即使是較大的圖片也能立即顯示結果的原因。
是的,免費使用,轉換圖片數量沒有限制。
內嵌適合小型資產,例如圖示、小型商標、電子郵件圖片,這類情況節省一次 HTTP 請求比快取效率更重要。大型照片最好以一般檔案形式提供,因為 Base64 也會使獨立快取失效。
Base64 用 4 個 ASCII 字元表示每 3 個位元組,所以編碼後的字串大約會比原始檔案大 33%。詳細資訊面板會同時顯示兩種大小,方便你評估取捨。
原始 Base64 只是編碼後的位元組,適用於 API 和 JSON 欄位。資料 URI 會在這些位元組外包上 MIME 類型前綴(data:image/png;base64,…),讓瀏覽器可以直接在 src 屬性和 CSS 的 url() 值中呈現。
熱門搜尋
圖片轉 base64
base64 圖片編碼器
圖片 data uri
轉換圖片 base64
png 轉 base64
內嵌圖片 base64
需要協助？
使用此工具時遇到問題？請告訴我們的團隊。