WebP 轉 Base64

使用這個免費的 WebP 轉 Base64 工具,將任何 WebP 圖片轉為 Base64 字串或現成的程式碼片段。 選擇本機 .webp 檔案(或貼上遠端檔案連結),挑選輸出格式,然後按下WebP 編碼為 Base64。

WebP 檔案
將 WebP 檔案拖放到這裡,或選擇檔案

如何線上轉換 WebP 轉 Base64

  1. 選擇本機檔案並挑選 .webp 檔案,或選擇遠端網址並貼上連結。
  2. 選擇輸出格式:純 Base64、Data URI、HTML 標籤、CSS、JavaScript、JSON 或 XML。
  3. 點擊WebP 編碼為 Base64。結果會立即顯示並附上預覽。
  4. 將結果複製到剪貼簿,或下載為 .txt 檔案。

關於 WebP(WebP)

WebP 是 Google 於 2010 年推出的現代圖片格式。它支援失真與無損壓縮、Alpha 透明和動畫,通常比同等的 JPG 或 PNG 小 25–35%。

目前所有瀏覽器都支援 WebP,因此它非常適合作為 Base64 Data URI 的來源:圖片越小,編碼字串越短,網頁也越快。

開發者2010 年,Google
壓縮失真與無損
透明度是
動畫是
檔案簽章RIFF....WEBP

輸出格式

選擇結果的包裝方式。轉換器可輸出:

  • txt: 只有 Base64 字串,可直接貼到程式碼、資料庫欄位或 API 請求中。
  • uri: 完整的 data: URI,可貼到瀏覽器網址列,或用在任何接受網址的地方。
  • html img: 在 src 中放入 Data URI 的 <img> 標籤。
  • css background image: 使用 background-image: url(data:...) 的 CSS 規則。
  • html favicon: 用於內嵌網站圖示的 <link rel="icon"> 標籤。
  • html hyperlink: 可下載或開啟內嵌檔案的 <a> 連結。
  • html iframe: 以內嵌方式顯示內容的 <iframe>。
  • javascript image: 建立 Image 物件的 JavaScript。
  • javascript popup: 在新視窗開啟內容的 JavaScript。
  • json: 包含檔名、MIME 類型和資料的 JSON 物件。
  • xml: 資料放在 CDATA 區段中的 XML 元素。

安全嗎?結果會有多大?

您的檔案絕不會上傳:瀏覽器使用 File API 在本機讀取並轉換,即使是機密文件也會留在您的裝置上。

Base64 以 4 個字元表示每 3 個位元組,因此編碼結果約比原始檔案大 33%(再加上幾個位元組的補齊字元與 Data URI 前綴)。

常見問題

如何將 WebP 轉為 Base64?

在上方選擇您的 .webp 檔案並點擊「WebP 編碼為 Base64」。轉換器會在瀏覽器中讀取檔案,並輸出 Base64 字串或現成的 Data URI。

Base64 編碼的 WebP 開頭是什麼?

WebP 檔案編碼為 Base64 後通常以 "UklGR" 開頭。作為 Data URI 時則以 "data:image/webp;base64," 開頭。

有檔案大小限制嗎?

由於轉換在本機執行,因此沒有硬性限制,但非常大的檔案會產生非常長的字串。在現代瀏覽器中,約 50 MB 以內的檔案都能順暢處理。

如何將 Base64 轉回 WebP?

使用「Base64 轉 WebP」解碼器:貼上字串,即可預覽並下載原始 .webp 檔案。

相關工具與指南

留言 (0)

對「WebP 轉 Base64」有問題、想法或發現錯誤嗎?歡迎留言、為工具評分或回覆他人。

目前還沒有留言,歡迎搶先分享您的意見!

發表留言

為此工具評分:
Esc
↑ ↓ 移動↵ 開啟Esc 關閉