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` 参数

在浏览器里直接完成，档案不会离开你的电脑：图片格式转换