圖片工具
圖片轉 Base64
把圖片轉成資料 URI,可以直接貼到 CSS 或 HTML 中。
圖片轉 Base64 在您的裝置上執行
將檔案拖放到此處,或點擊瀏覽
一張小型的 JPG 或 PNG
絕不上傳
- 在您的裝置上執行 — 檔案不會傳送到任何地方
- 免註冊、無浮水印、無每日額度
- 免費,使用次數不限
運作方式
資料 URI 會把圖片直接內嵌在您的原始碼中,而不是參照另一個檔案。這樣可以省去一次網路請求,對於原本每張都要多跑一趟來回的小圖片來說很有意義。
什麼時候值得使用
小圖示、標誌與單色圖形。大小低於約 2 KB 時,省下的請求通常比付出的代價更划算。超過這個大小,一般的檔案參照比較好。
體積上的代價
Base64 會把三個位元組編碼成四個字元,所以資料 URI 比原檔大約大 33%。它也無法單獨快取,包含它的樣式表或頁面每次被下載時,它都會跟著重新下載。
貼到哪裡
直接貼到 CSS 的 url() 或 img 的 src 屬性中。輸出內容已經帶有正確的媒體類型前綴。
常見問題
圖片轉 Base64:常見問題
為什麼有大小限制?
資料 URI 適合放在原始碼中,而非常大的資料 URI 會讓每個包含它的頁面變得臃腫。上限為 2 MB。
支援 SVG 嗎?
SVG 本身就是文字,所以可以不經 Base64 直接內嵌,這樣更小。
我的圖片會被上傳嗎?
不會。編碼在您的瀏覽器中進行。