JPG 轉 WebP：免上傳，瀏覽器直接處理

WebP 是 Google 為現代網頁設計的圖片格式，在相同視覺品質下比 JPG 小約 25–34%。如果你的網站以圖片為主（電商、部落格、新聞媒體），將 JPG 轉換為 WebP 可以顯著改善頁面載入速度，直接提升用戶體驗和搜尋引擎排名。本文介紹轉換動機、各工具方法與相容性考量。

為什麼要轉 WebP？

主要動機是效能。根據 Google 的測試，WebP 有損壓縮的檔案比同等品質的 JPG 小 25–34%；無損 WebP 比無損 PNG 小約 26%。對於有數百張產品圖的電商網站，切換到 WebP 可能讓頁面流量降低 20–30%，直接降低 CDN 費用，並改善 Google Core Web Vitals 的 LCP（最大內容繪製）分數。

相容性考量

WebP 目前支援 Chrome、Firefox、Safari 14+、Edge 等主流瀏覽器，全球覆蓋率超過 97%。但仍有少數用戶（舊版 iOS、IE）無法顯示 WebP。建議在 HTML 中使用 `<picture>` 元素提供雙格式：

<picture>
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="描述">
</picture>

這樣，支援 WebP 的瀏覽器載入 WebP，舊版瀏覽器自動回退到 JPG，兩全其美。

轉換方法

方法一：線上工具

在 圖片格式轉換 選擇你的 JPG 檔案（不會上傳，直接在瀏覽器裡處理），選擇輸出為 WebP，調整品質（建議 80–90），點擊轉換。大多數工具支援批量處理，方便一次轉換多個檔案。完全免費，無需安裝軟體，適合偶爾需要轉換的場景。

方法二：cwebp 命令列工具（Google 官方）

cwebp 是 Google 提供的開源命令列工具，功能完整。安裝後，基本用法：

cwebp -q 80 input.jpg -o output.webp

`-q` 參數設定品質（0-100，推薦 75–90）。批量轉換當前資料夾所有 JPG：

for file in *.jpg; do cwebp -q 80 "$file" -o "${file%.jpg}.webp"; done

方法三：ImageMagick

安裝 ImageMagick 後：

magick convert input.jpg -quality 80 output.webp

批量轉換：

magick mogrify -format webp -quality 80 *.jpg

方法四：Photoshop（需 WebP 插件）

Photoshop 在 23.2+ 版本原生支援 WebP 匯出。開啟 JPG 後，選「檔案 → 另存為 → WebP」，設定品質後儲存。舊版 Photoshop 需要安裝第三方 WebP 插件。

方法五：WordPress 和 CMS 自動轉換

使用 WordPress 的網站可安裝 Imagify、ShortPixel 或 WebP Express 等插件，上傳圖片時自動生成 WebP 版本並以最佳格式提供給訪客，無需手動轉換每張圖片。

方法六：CDN 自動轉換

Cloudflare、Cloudinary、Imgix 等 CDN 服務可自動識別訪客的瀏覽器支援並提供最佳格式，無需改動現有圖片文件，是大型網站最省力的方案。

品質設定建議

• 電商產品圖：85–90（保留細節）
• 部落格配圖：75–85（平衡品質與大小）
• 縮圖和預覽圖：70–80（優先速度）
• 需要無損的圖：使用 `-lossless` 參數

在瀏覽器裡直接完成，檔案不會離開你的電腦：圖片格式轉換