圖片轉 Base64
把圖片轉成 Base64 資料 URI，直接內嵌到 CSS 或 HTML——或貼上 Base64 將它轉回可下載的圖片。一切都在你的瀏覽器中完成。
反向轉換
需要從 Base64 轉回圖片嗎？使用專屬頁面：
如何將圖片轉成 Base64
- 放入圖片（或切換到「Base64 → 圖片」並貼上 Base64）。
- 複製 Base64 資料 URI——可切換是否包含 data: 前綴。
- 把它貼進你的 CSS 或 HTML，或解碼回圖片。
關於圖片的 Base64 編碼
把圖片編碼成 Base64 會將它變成一段文字字串，可直接內嵌到 CSS 背景、HTML img 標籤或 JSON 內容中——不需要額外的檔案請求。它很適合小圖示、內嵌的電子郵件圖片與資料 URI，不過會讓資料增大約 33%，因此最適合小型素材。
本工具雙向轉換都完全在你的瀏覽器中進行：放入圖片以取得其資料 URI，或貼上資料 URI／Base64 字串以預覽並下載圖片。不會上傳任何內容，因此私密圖片留在你的裝置上。
內嵌並非僅僅是大小的取捨。Base64 圖像是文件的一部分，因此瀏覽器無法將其單獨快取、延遲載入，或像處理一般圖像檔案一樣在不同頁面之間重複使用——只需變更頁面中的一個位元組，整個內容就會重新下載。支援方面也存在限制：某些電子郵件客戶端，尤其是 Outlook，完全拒絕顯示資料 URI 圖像。
您會在比手寫 CSS 更多的地方遇到 Base64 格式的圖片。例如，Canvas 繪圖應用程式會透過 toDataURL 匯出圖片，螢幕截圖和簽名小工具會將其輸出儲存為資料 URI，API 會以 JSON 格式傳回產生的圖片，並將其儲存在 Base64 欄位中，而單一檔案 HTML 匯出時會將所有圖形嵌入在檔案中。當這些字串出現在您的電腦上時——例如，在日誌、資料庫欄位或網頁的原始碼中——將其解碼回實際檔案通常是最快的方式來查看其內容。
常見問題
什麼是資料 URI？
資料 URI 會把檔案的位元組以 Base64 直接嵌入網址中，例如 data:image/png;base64,…——你可以把它當作圖片來源或 CSS 背景，無需額外的檔案。
為什麼 Base64 比檔案大？
Base64 用 4 個 ASCII 字元表示 3 個位元組，因此文字會比原圖大約 33%。它最適合圖示等小型素材。
我可以把 Base64 轉回圖片嗎？
可以。切換到「Base64 → 圖片」，貼上資料 URI 或純 Base64，即可預覽並下載解碼後的圖片。
我的圖片會被上傳嗎？
不會。雙向都完全在你的瀏覽器中進行，因此你的圖片或 Base64 絕不會離開裝置。
Base64 編碼會改變或壓縮我的圖片嗎？
不，Base64 是一種使用 64 個安全的 ASCII 字元重新編寫檔案中精確位元組的方法——它不會進行任何壓縮、調整大小或重新編碼，解碼後會得到與原始檔案完全相同的檔案。畫質不會受到影響，因為像素從未被修改。如果您需要較小的字串，請在編碼之前先壓縮或調整圖像大小——Base64 本身永遠不會使檔案變小。