圖片轉 Base64
將圖片轉換成 Base64 字串。
拖放圖片，或點擊選擇檔案
請選擇一個檔案
使用範例
將小圖示直接內嵌進 CSS
可用來把結果直接放進 CSS 的 background-image: url(data:image/png;base64,...),避免額外的圖片請求。
把圖片放進 JSON 或設定檔中
當您想在不發出伺服器請求的情況下,把範例圖片資料以文字形式嵌入程式碼或設定檔時很實用。
在 HTML 郵件中內嵌圖片
對於會封鎖外部圖片連結的郵件用戶端,可以把圖片轉成 Data URI 直接嵌入 HTML 中。
常見問題
我上傳的圖片會傳送到伺服器嗎?
不會。轉換完全在您的瀏覽器中進行,圖片不會傳送到任何伺服器。
Data URI 和「僅 Base64」有什麼差別?
Data URI 是以 data:image/png;base64, 開頭的完整字串,可以直接貼到 <img src="..."> 或 CSS 的 url() 中使用。「僅 Base64」只包含後面那段純編碼值,適合您要自行在其他地方組合格式字串時使用。
轉成 Base64 後資料會變大嗎?
會。Base64 編碼後大小約比原始檔案增加 33%。這是以文字安全呈現二進位圖片資料所付出的代價,因此除非真的有需要,否則不建議用這種方式傳遞大型圖片。
支援哪些圖片格式?
支援 JPG、PNG、WebP、GIF 等瀏覽器可以讀取的大多數圖片格式。