Toolbox Hub
所有工具

Image to Base64

Convert images to Base64

Convert images to Base64 在您的瀏覽器中本地執行

About the

影像到 Base64 轉換器將任何影像檔案轉換為 Base64 資料 URI,您可以直接貼上到 HTML、CSS 或 JSON 中。該檔案是使用瀏覽器自己的檔案讀取器讀取並在本地編碼的,因此永遠不會上傳,這使得您不想傳送給第三方的徽標和資產變得安全。字元數與結果一起顯示,因為 Base64 將大小擴大了大約三分之一,當字串最終內聯在頁面中時,這一點很重要。

Where people use the

  • 內嵌一個小徽標,以便電子郵件範本無需外部資源即可呈現。
  • 在單檔案 HTML 檔案中嵌入圖示。
  • 將影像放入僅接受文字的 JSON 有效負載中。
  • 避免在透過 HTTPS 提供的頁面上出現混合內容警告。

How to use the

  1. 1

    選擇影像

    使用上傳控制項選擇任何影像檔案。 PNG、JPEG、GIF 和 SVG 等常見格式都被接受。

  2. 2

    等待編碼

    讀取檔案後,資料 URI 將出現在文字區域中。較大的檔案需要更長的時間。

  3. 3

    複製字串

    使用複製按鈕取得整個資料 URI,包括 data: 字首和媒體型別。

  4. 4

    將其貼到需要的地方

    將其用作影像標籤的 src、CSS url() 值內或用作 JSON 負載中的欄位。

提示和最佳實踐

  • 保持內嵌影像較小;此字串比檔案大約三分之一。
  • 複製整個資料 URI,包括 data: 字首,否則瀏覽器將不會呈現它。
  • 對於照片,託管檔案並連結到它,而不是內聯它。

常見問題

圖片上傳到任何地方了嗎?

不會。該檔案是在您的瀏覽器中讀取和編碼的,因此它永遠不會離開您的裝置。這是使用它而不是需要上傳的線上轉換器的主要原因。

為什麼字串比檔案長這麼多?

Base64 表示三個位元組和四個字元,因此在任何其他開銷之前,結果大約比原始檔案大三分之一。

我應該在頁面中內嵌影像嗎?

只有小的。內聯會儲存請求,但會阻止檔案單獨快取並使 HTML 更大,因此它適合圖示和小徽標,而不適合照片。

我可以走另一條路嗎?

不在這裡。該工具將影像檔案編碼為文字。解碼需要Base64解碼器加上原始媒體型別。

檔案大小有限制嗎?

沒有伺服器限制,因為沒有上傳任何內容。非常大的影像仍然需要時間來編碼並產生笨重的字串。

相關工具