圖片轉 Base64 轉換器
將圖片轉成 data: URI 字串。
將圖片拖放到這裡或點擊選擇
JPG、PNG、WebP、GIF、BMP、ICO、SVG 或 AVIF。 檔案只在瀏覽器中處理,不會上傳。 圖片會保留在這個瀏覽器中,直到移除為止。
Ctrl+O選擇Ctrl+V貼上
把圖片轉成可以直接放進 HTML、CSS、JSON 或 Markdown 的文字。放入一張或多張圖片,就能取得每張圖片的 data URI、純 Base64、CSS 背景規則、HTML <img> 標籤與 Markdown 圖片語法,點一下就複製到剪貼簿。檔案由你的瀏覽器讀取,不會離開你的裝置;免費,也不需要註冊。
如何把圖片轉成 Base64
- 將圖片拖放到頁面任何位置、用 Ctrl+V 貼上,或點擊選擇檔案。在其他任何圖片工具加入的圖片已依目前的狀態出現在這裡:在那裡調整尺寸或裁切並套用過的圖片,得到的就是編輯後圖片的 Data URI。沒有檔案也可以先用範例圖片試試。
- 點擊圖片下方的 Data URI、Base64、CSS、HTML 或 Markdown,即可複製該段程式碼。按 Ctrl+C 會複製所選圖片的 data URI。
- 貼到需要的地方,或下載為文字檔。有多張圖片時,「全部下載(ZIP)」會一次儲存全部。
功能
- 每張圖片提供五種程式碼:data URI、純 Base64、CSS background-image、HTML <img> 與 Markdown
- HTML 標籤包含寬度、高度,以及取自檔名的替代文字(alt)
- 一鍵複製;Ctrl+C 可複製所選圖片的 data URI
- 可一次處理多張圖片,每張圖片存成一個 .txt 檔,或全部打包成一個 ZIP
- 超過 100 KB 的圖片會顯示警告,這種情況通常改用檔案連結比較好
- 支援 PNG、JPG、GIF、WebP、SVG、AVIF、BMP 與 ICO,即使瀏覽器沒有提供 MIME 類型也能正確標示
隱私安全嗎?
是的。你的瀏覽器會在頁面上讀取並轉換檔案,不會傳送到任何地方,圖片會一直保留在這個瀏覽器中,直到移除為止。Data URI 就是檔案本身,所以會連同照片的中繼資料一起帶上:如果有 GPS 位置或其他中繼資料,工具會提示你,並指引你先用 EXIF 檢視器移除。
常見問題
什麼時候該用 data URI?
適合圖示、標誌、小型背景等小圖片,也就是省下一次獨立請求很重要的情況,以及無法另外放檔案的地方:HTML 電子郵件、單一檔案的網頁、JSON 欄位或 Markdown 文件。大型照片則請改用檔案連結,讓瀏覽器可以快取。
Base64 會讓檔案變大多少?
大約多出三分之一。Base64 每 3 個位元組會用 4 個字元表示,所以 30 KB 的圖片會變成約 40 KB 的文字。超過約 100 KB 時,通常改用檔案連結比較好,工具也會提醒你。
應該複製哪一種程式碼?
自己撰寫 src 或 url() 時用 Data URI;需要現成的 background-image 規則時用 CSS;需要含寬度、高度與替代文字的完整 <img> 標籤時用 HTML;撰寫文件時用 Markdown;API 或 JSON 欄位只需要編碼後的資料時則用 Base64。
可以一次轉換多張圖片嗎?
可以。圖片數量不限,每張都有各自的程式碼,「全部下載(ZIP)」會為每張圖片儲存一個文字檔。