圖片轉 Base64

將圖片檔案編碼為 Base64 文字字串,以便嵌入程式碼中。

免費 - 無需註冊 - 在你的裝置上執行

你的檔案留在你的裝置上

  • Data URI輸出
  • HTML/CSS嵌入
  • 複製到剪貼簿
  • 私密編碼
Specification

圖片轉 Base64 規格一覽

輸入格式
JPG、PNG、WEBP、GIF、SVG
輸出格式
Base64 文字字串(Data URI)
最大檔案大小
裝置記憶體
批次處理
僅單一檔案
品質控制
直接的二進位到文字
中繼資料處理
編碼原始檔案資料
價格
免費
需要帳戶
How to

圖片轉 Base64 怎麼用

  1. 1

    新增你的圖片

    新增你的圖片檔案。

  2. 2

    複製字串

    複製 Base64 字串。

  3. 3

    貼上到你的程式碼

    將其貼上到你的程式碼中。

Questions

Frequently asked questions

我什麼時候應該對圖片使用 Base64 編碼?

它最適合用於非常小的圖片,例如圖示。將大型圖片嵌入為 Base64 可能會使你的 HTML 或 CSS 檔案非常大且載入緩慢。

這會改變圖片品質嗎?

不會。Base64 只是表示完全相同圖片資料的一種不同方式。當瀏覽器解碼時,圖片看起來會完全相同。

我可以將 Base64 字串轉換回圖片嗎?

此工具僅執行從圖片到 Base64 字串的編碼。它不包含將文字轉換回檔案的解碼器。

Background

在網頁開發中使用 Base64

此工具會從圖片建立 Data URI,其中包含其 MIME 類型和 Base64 內容。這對於將圖片直接嵌入 HTML、CSS 或 JSON 非常有用。

  • 將圖片嵌入為 Base64 Data URI 可以減少 HTTP 請求,從而提高頁面效能。這對於小圖示或背景圖片很有效。
  • 權衡之處:Base64 字串比二進位檔案大約大 33%,且無法與 HTML 或 CSS 分開快取。

完整規格

圖片轉 Base64 的完整規格
輸入格式JPG、PNG、WEBP、GIF、SVG
輸出格式Base64 編碼文字字串(Data URI)
最大檔案大小僅受限於你的裝置記憶體
批次處理否,每次執行編碼一個檔案
品質控制直接的二進位到文字表示
中繼資料處理編碼原始檔案資料
價格免費
需要帳戶
Next step

Keep going with the same files

全部開發工具: SPOTTOOLS 的開發工具