圖片轉 Base64
將圖片轉成 Base64 字串或 data URI，直接複製到 CSS / HTML 裡。
或將圖片拖曳到這裡
最大 30 MB圖片只在你的瀏覽器中處理，不會上傳- 1選擇圖片
選擇一張圖片。
- 2設定
選擇輸出形式：純 Base64、data URI、CSS background、HTML img 標籤。
- 3下載
一鍵複製。
「圖片轉 Base64」使用指南
選你要貼上的形式
data URI 可以直接放進 src="…" 或 CSS 的 url()。純 Base64 用於 JSON 和設定檔。現成的 CSS background-image 和 HTML <img> 這兩行，是給「想直接貼一行就能用」的情況準備的。選好後一鍵複製。
只用在小圖上
Base64 比原檔大三分之一左右，而且是待在 HTML 或 CSS 裡，不會當成獨立檔案被快取。10 KB 以下的小圖示、佔位圖、間隔圖才划算；超過 50 KB 工具會提醒你，因為頁面會開始變慢。
還有這些更合適的做法
SVG 通常直接當成標記貼上會比轉 Base64 更好：可以編輯、可以用 CSS 控制樣式，壓縮也更有效。出現在不只一個頁面上的圖片，也更適合維持成一般的圖片檔，讓瀏覽器快取一次反覆使用。
常見問題
我的照片會上傳到伺服器嗎？
不會。所有處理都在你的瀏覽器中完成，照片從未離開你的裝置。關掉分頁，什麼都不會留下。
多大的圖片適合轉 Base64？
一般建議 10 KB 以下。Base64 會比原始檔案大約 33%，太大的圖片內嵌後反而會拖慢頁面。