WebP 轉 Base64
將 WebP 轉為 Base64 或 Data URI，保留原始檔案內容。
🖼️
拖曳 WebP 到這裡，或點選檔案
WebP (.webp, image/webp)
0 字元
01
不重新壓縮
保留原始畫質、透明度與動畫影格。
02
Data URI 或 Base64
可複製含 image/webp 前綴的 URI，或僅取出 Base64。
03
瀏覽器內處理
圖片資料不會傳送到伺服器。
常見問題
會保留 WebP 動畫嗎？
會。編碼涵蓋完整檔案位元組，包含所有影格；播放效果仍取決於瀏覽器支援。
為什麼字串比檔案大？
Base64 用四個字元表示三個位元組，結果約增加三分之一。
如何還原圖片？
將結果貼到 Base64 轉 WebP，即可預覽並下載。
資料會上傳到伺服器嗎？
不會，處理過程都在瀏覽器中完成。
其他語言
參考資料
我們如何確保結果正確
我們使用以下自動化測試驗證此工具。下方保留測試案例的原始名稱，方便查看實際斷言及重現。
- 驗證方法
- 給 FileReader 回調提供已知字節的 Data URI，檢查頁面保留正確的 Base64、MIME 與輸出格式。
- 對比依據
- 已知輸入字節與 Node.js Buffer 生成的參考 Base64。
- 驗證範圍
- FileReader 在該測試中是固定輸入替身；它驗證頁面接收和格式化，不獨立驗證瀏覽器文件讀取器。
測試原始碼與案例（點選檔名檢視）
-
file-encoding-reliability.test.js
- Image-to-Base64 shared template: FileReader results preserve raw bytes and Data URI formats
這些測試涵蓋列出的樣本和邊界，不代表所有輸入都已證明正確。往返測試和使用同一依賴套件的檢查，不屬於獨立交叉驗證。