跳到主要內容
FileTinker

圖片轉 Base64

把圖片轉成 Base64 資料 URI,直接內嵌到 CSS 或 HTML——或貼上 Base64 將它轉回可下載的圖片。一切都在你的瀏覽器中完成。

反向轉換

需要從 Base64 轉回圖片嗎?使用專屬頁面:

如何將圖片轉成 Base64

  1. 放入圖片(或切換到「Base64 → 圖片」並貼上 Base64)。
  2. 複製 Base64 資料 URI——可切換是否包含 data: 前綴。
  3. 把它貼進你的 CSS 或 HTML,或解碼回圖片。

關於圖片的 Base64 編碼

把圖片編碼成 Base64 會將它變成一段文字字串,可直接內嵌到 CSS 背景、HTML img 標籤或 JSON 內容中——不需要額外的檔案請求。它很適合小圖示、內嵌的電子郵件圖片與資料 URI,不過會讓資料增大約 33%,因此最適合小型素材。

本工具雙向轉換都完全在你的瀏覽器中進行:放入圖片以取得其資料 URI,或貼上資料 URI/Base64 字串以預覽並下載圖片。不會上傳任何內容,因此私密圖片留在你的裝置上。

常見問題

什麼是資料 URI?

資料 URI 會把檔案的位元組以 Base64 直接嵌入網址中,例如 data:image/png;base64,…——你可以把它當作圖片來源或 CSS 背景,無需額外的檔案。

為什麼 Base64 比檔案大?

Base64 用 4 個 ASCII 字元表示 3 個位元組,因此文字會比原圖大約 33%。它最適合圖示等小型素材。

我可以把 Base64 轉回圖片嗎?

可以。切換到「Base64 → 圖片」,貼上資料 URI 或純 Base64,即可預覽並下載解碼後的圖片。

我的圖片會被上傳嗎?

不會。雙向都完全在你的瀏覽器中進行,因此你的圖片或 Base64 絕不會離開裝置。