圖片轉 WebP 工具
批量將圖片轉換為 WebP 格式,更小體積更高畫質
拖拽圖片到此處,或點選選擇檔案
支援 JPG、PNG、GIF、BMP 格式,可一次選擇多張
什麼是圖片轉 WebP?
Image to WebP 工具用來把 JPG、PNG 等圖片轉換為 WebP 格式。檔案會上傳到 ToolAct 的 WebP 轉換服務,由服務端的 libwebp(透過 libvips)完成編碼後再回傳到瀏覽器;處理完成後臨時檔案會立即從伺服器刪除,不做歸檔,不用於訓練。WebP 面向網頁情境設計,通常能在照片和圖形上取得更小檔案大小,同時可支援透明背景,並依設定使用有損或無損壓縮。它適合提升頁面載入速度、減少上傳體積、節省頻寬和最佳化現代前端資源。但 WebP 並不總是唯一正確選擇:老舊使用者端、列印流程、元資料要求或某些圖片編輯軟體可能仍更適合 PNG、JPG 或其他格式。轉換後應同時檢查清晰度、透明效果、色彩表現和檔案大小。
使用方式
使用方式
- 拖曳或點選上傳圖片(支援多張)
- 調整 WebP 品質滑桿(建議 80% 以上以維持視覺品質)
- 點選「轉換」按鈕,查看結果並下載
品質提示
- 螢幕截圖、UI 圖片或文字密集的圖形建議使用較高品質;銳利邊緣處較容易看出壓縮瑕疵。
- 若涉及透明度、動畫或需要精準色彩還原,請保留原始檔案。
使用場景
技術原理
WebP 是 Google 的容器格式,基於三種內部編解碼器:VP8 用於有損靜態圖片,VP8L 用於無損,VP8X 作為擴展容器支援 Alpha、動畫、ICC 設定檔和 EXIF 區塊。有損 WebP 使用 VP8 幀內預測、4 區塊 DCT、環路去區塊和算術編碼;無損 WebP 在殘差上執行色彩空間轉換和 LZ77 反向參照方案。在相同 SSIM 下相較於 JPEG,有損 WebP 平均小 25-35%,無損 WebP 平均比 PNG 小 26%。 本工具的轉換在服務端完成。瀏覽器把每張圖片以簽章鑑權的多部分上傳發送到 ToolAct 的 /image/convert/webp 接口,服務端把位元組流交給 libvips 解碼來源檔案(PNG、JPEG、GIF、BMP、TIFF),再把像素緩衝區交給 libwebp — Google 的 WebP 參考編碼器。品質滑桿直接映射到 libwebp 的 -q 參數(0-100):100 以下選擇有損 VP8 路徑,使用 4:2:0 色度子取樣和每通道 8 位元範圍;品質 100 切換到無損 VP8L 路徑,逐像素精確還原。編碼器把 WebP 位元流寫入 RIFF(資源交換檔案格式)容器,必要時加入 VP8X 擴展區塊以支援 Alpha 或 ICC,結果作為回應主體串流回傳。臨時上傳檔案會在回應寫出後立即從伺服器刪除,不做歸檔,不用於訓練。 瀏覽器支援已足夠廣泛,可作為 JPEG 的替代品:Chrome 32+、Edge 18+、Firefox 65+ 和 Safari 14+ 都搭載了解碼器。剩餘的邊界情況是可預測的。有損 WebP 將完全透明的像素壓為 RGBA 0,0,0,0,因為 4:2:0 色度無法以完全保真度承載部分透明。品質低於約 70 時,平面天空會開始出現色調分離,紅色/黃色品牌色會去飽和,因此產品主圖通常使用 80-85 區間。動畫 WebP 可以透過 libwebp 的 mux 工具建立,但典型場景是靜態圖片,因此對逐幀動畫來源(動畫 GIF),需要明確告知編碼器保留所有幀,否則只會輸出第一幀。
- 容器:VP8 有損、VP8L 無損、VP8X 擴展(Alpha、動畫、ICC、EXIF);三種佈局共用相同的 RIFF 封裝。
- 服務端管線:libvips 解碼來源檔案,libwebp 編碼輸出。品質滑桿映射到 libwebp 的 -q 參數;quality=100 選擇無損 VP8L 路徑,較低值選擇有損 VP8 並使用 4:2:0 色度。
- 大小比例:在相同 SSIM 下比 JPEG 小約 25-35%,無損帶透明度比 PNG 小約 26%。
- Alpha 處理:有損 WebP 將完全透明的像素壓為 RGBA 0,0,0,0;要保留真正的 Alpha,請選擇無損模式或對圖示繼續使用 PNG。
- 瀏覽器基準線:Chrome 32+、Edge 18+、Firefox 65+、Safari 14+/iOS 14+;無法升級的舊版鎖定裝置仍需 PNG/JPG 後備方案。
- 轉換生命週期:每個上傳檔案僅在 libwebp 編碼並將結果串流回傳期間存在;無論轉換成功還是失敗,臨時檔案都會在回應關閉時刪除。
範例
JPG 主視覺照,品質 80
輸入: hero.jpg 1920 x 1080 1.24 MB
品質: 80
輸出: hero.webp 1920 x 1080 381 KB
體積減少:69.4%
視覺: 在一般觀看距離下難以分辨;膚色完整保留含透明度 PNG 圖示,無損壓縮
輸入: logo.png 512 x 512 44 KB(含 alpha 通道)
品質: 100(無損)
輸出: logo.webp 512 x 512 18 KB
體積減少:59%
Alpha 通道:完整保留;可安全用於深色模式疊圖批次轉換 20 張部落格截圖
輸入: 20 張 PNG 截圖,平均每張 380 KB(共 7.6 MB)
品質: 85
輸出: 20 個 WebP 檔,平均每個 95 KB(共 1.9 MB)
總共節省:5.7 MB(75%)
下載全部 -> screenshots.zip商品照,不同品質比較
原圖:sneaker.jpg 2400 x 2400 1.8 MB
q=90 -> 612 KB(最適合零售主視覺)
q=80 -> 348 KB(建議預設值)
q=70 -> 228 KB(縫線處可見模糊)
q=60 -> 162 KB(紅色漸層出現條帶)常見問題
WebP 轉換是在我的瀏覽器中完成的嗎?
不是。每張圖片會上傳到 ToolAct 的 WebP 轉換服務(/image/convert/webp 端點),由服務端的 libwebp 完成編碼,再透過 taskId 下載回來。處理完成後臨時檔案會立即從伺服器刪除,不做歸檔,不用於訓練。請避免上傳含個人資訊的照片或機密設計素材。
可以從哪些格式轉成 WebP?
常見來源為 JPEG、PNG、GIF、BMP 與 TIFF。當上游編碼器支援時,動態 GIF 可轉成動態 WebP;否則只輸出第一格。
要選有損還是無損的 WebP?
WebP 兩種都支援。預設為有損,因為這時檔案大小的優勢最大——典型有損 WebP 比同等視覺品質的 JPEG 再省 25-35%。無損 WebP 的大小較接近 PNG,比較適合截圖、圖示與線稿。
透明度與動畫會保留嗎?
會。WebP 支援 alpha 通道,所以 PNG 透明可以乾淨地轉換。動態 GIF 可以轉成動態 WebP,但從靜態格式自然無法產生動畫。
每個瀏覽器都能開啟 WebP 嗎?
現代版本的 Chrome、Firefox、Edge、Safari(14+)以及大多數即時通訊軟體都能原生顯示 WebP。較舊的瀏覽器、部分印刷流程與少數舊版 Office 客戶端仍不支援——若檔案需要在任何環境都能開啟,請額外保留 JPEG 或 PNG 備援。
為什麼我的 WebP 比原始 JPEG 幾乎沒小多少?
已被重度壓縮過的 JPEG 留給 WebP 的改進空間有限。從高品質母檔(PNG 或高品質 JPEG)出發,再讓 WebP 以平衡品質重新編碼,才能取得明顯的縮減。
EXIF 與色彩設定檔會保留嗎?
EXIF 與 ICC 設定檔通常會在轉換中被去除,對隱私是好事,但也代表 WebP 不能用作鑑識原檔。如日後需要這些中繼資料,請把來源檔與 WebP 一併保留。