ToolAct工具行動

圖片轉 WebP 工具

批量將圖片轉換為 WebP 格式,更小體積更高畫質

上傳圖片

拖拽圖片到此處,或點選選擇檔案

支援 JPG、PNG、GIF、BMP 格式,可一次選擇多張

什麼是圖片轉 WebP?

Image to WebP 工具用來把 JPG、PNG 等圖片轉換為 WebP 格式。檔案會上傳到 ToolAct 的 WebP 轉換服務,由服務端的 libwebp(透過 libvips)完成編碼後再回傳到瀏覽器;處理完成後臨時檔案會立即從伺服器刪除,不做歸檔,不用於訓練。WebP 面向網頁情境設計,通常能在照片和圖形上取得更小檔案大小,同時可支援透明背景,並依設定使用有損或無損壓縮。它適合提升頁面載入速度、減少上傳體積、節省頻寬和最佳化現代前端資源。但 WebP 並不總是唯一正確選擇:老舊使用者端、列印流程、元資料要求或某些圖片編輯軟體可能仍更適合 PNG、JPG 或其他格式。轉換後應同時檢查清晰度、透明效果、色彩表現和檔案大小。

使用方式

使用方式

  1. 拖曳或點選上傳圖片(支援多張)
  2. 調整 WebP 品質滑桿(建議 80% 以上以維持視覺品質)
  3. 點選「轉換」按鈕,查看結果並下載

品質提示

  • 螢幕截圖、UI 圖片或文字密集的圖形建議使用較高品質;銳利邊緣處較容易看出壓縮瑕疵。
  • 若涉及透明度、動畫或需要精準色彩還原,請保留原始檔案。

使用場景

批次將圖片轉為 WebP加入一張或多張圖片檔案,選擇品質設定,將待處理或失敗的項目轉為 WebP 並立即預覽和下載。對螢幕截圖和圖示請選擇無損模式以保留 Alpha 通道,因為有損 WebP 在 4:2:0 色度取樣下仍會將完全透明的像素壓為 0,0,0,0。
儲存前比較 WebP 輸出與原始圖在下載前查看每張圖片的預覽、尺寸、原始大小、轉換後大小、原始格式、轉換後格式和大小變化比例。在 WebP 版本於其將使用的版面中經過檢查之前,請保留原始檔案。品質 70 或以下的有損 WebP 會輕微去飽和純紅色和純黃色,因此品牌關鍵素材通常需要在刪除原始檔案前與 PNG 進行並排 A/B 比較。
批次準備網頁素材成功轉換後使用下載單張或全部下載,準備部落格圖片、文件截圖、商品素材或應用程式媒體以進行更小的網頁傳遞。在所有轉換素材於目標瀏覽器或 CMS 中經過檢查之前,請保留原始檔案。Safari 在 14.0 版加入 WebP 支援,若素材需要在無法升級的受管 iPad 上載入,iOS Safari 16+ 是最安全的基準線。
為首圖調整品質與檔案大小的平衡將品質降至 75-82 用於商品首圖,在確認前比較文字邊緣、漸層和膚色附近的銳利度。若平面天空出現色帶則以更高品質重新執行,因為激進的 WebP 壓縮會出現 JPG 能隱藏的色調分離。
留意不支援的工作流程中的透明度遺失當來源 PNG 具有 Alpha 通道時,留意轉換後的預覽,因為某些下游工具會將 WebP 重新編碼為 JPG 並靜默丟棄透明度。對需要保留 Alpha 圖層的圖示、貼圖和疊加素材,匯出無損 WebP 或退回 PNG,特別是在 2020 年之前缺乏 WebP 支援的瀏覽器上。動畫 GIF 轉 WebP 會保留原始的每幀延遲,但處置模式偏移若未獲得與來源 GIF 相同的背景填充行為,可能會留下殘影幀。

技術原理

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 一併保留。