實用工具
把圖片拖到這裡
或者選擇一個檔案。處理全部在目前分頁完成，不會上傳——這也是它能處理遠超任何上傳限制的大圖的原因。
選擇檔案將圖片編碼為 data URL，使其可以內嵌於樣式表、HTML 文件或 JSON 資料中，而無需額外的請求。對於小型圖示來說很值得，否則會多一次往返；但對於照片則不建議，因為 Base64 會使位元組膨脹三分之一，且結果無法與包含它的文件分開快取。
它是怎麼運作的
- 檔案在瀏覽器中讀取並編碼；不會上傳任何內容。
- 預設輸出完整的 data: URL，若關閉此選項則輸出原始 Base64 資料。
- Base64 會使任何檔案增加約 33% 的大小——這是使用僅限文字安全字元的代價。
你的資料去了哪裡
哪也沒去。本工具完全在你的瀏覽器裡執行：你貼上的文字由頁面處理，不會傳輸到任何伺服器，也不會寫進任何紀錄。
當一次執行消耗點數時，會往你自己的歷史裡儲存一行摘要，方便回頭查找。摘要記錄的是這次執行的形態——大小、數量、你查詢的值——而不是你貼上的內容。
它要花多少
單次 512.0 KB 以內免費，不需帳號。超出部分每次執行消耗 1 點，並儲存到你的歷史紀錄。
點數來自註冊、每日簽到、發表留言與完善資料。
了解點數規則常見問題
- 何時內嵌圖片真的值得？
- 大約在 2–4KB 以下：圖示、小商標、背景圖案。低於此大小，節省的往返時間超過 33% 的膨脹。高於此大小，您會使文件變大且無法快取，只為了省下一個 HTTP/2 本來就會多工處理的請求。
- 如何在 CSS 中使用結果？
- background-image: url("data:image/png;base64,…") — 保留整個 data: URL，包括前綴。在 HTML 中，直接放入 img 標籤的 src 屬性。
- 為什麼我的 data URL 這麼長？
- 因為它是整個檔案以文字形式呈現，再加上三分之一。一個 40KB 的 PNG 會變成約 54KB 的字元。這是正常的，也是為什麼只內嵌小型圖片的原因。
背後的開源專案
本工具是獨立實作，並未打包第三方函式庫。dankogai/js-base64（BSD-3-Clause）在程式碼層面做的是同一件事——如果你需要在自己的程式裡實作它，從那裡開始，而不是呼叫一個網頁。
dankogai/js-base64也常被稱作
- 圖片轉 base64
- base64 圖片編碼器
- data url 產生器
- png 轉 base64
- img base64