JPG 转 WebP

关于这个转换器

这款免费的 JPG 转 WebP 转换器可以把 JPG 转成现代的 WebP，在相同的视觉质量下通常小 25–35%。这样做的常见理由是页面速度：图片是大多数网页中最重的部分，而这是让它们变轻最省力的办法。

所有处理都在你的浏览器中完成 —— 你的图片绝不会被上传到服务器。

为什么 WebP 比 JPG 更小

JPEG 于 1992 年定稿。WebP 由 Google 在 2010 年推出，建立在 VP8 视频编解码器背后的压缩研究之上，比 JPEG 多了十八年的研究积累。

差距的大部分来自两点。WebP 会根据周围已经解码的像素来预测每一个块，因此只存储这次预测的误差，而不是块本身——这是从视频编码借来的技术，因为相邻帧大体相同。同时它使用算术编码，比 JPEG 依赖的霍夫曼编码把结果压得更紧。

在照片上的实际效果是：在同等质量下节省 25–35%。对于一个载有两兆字节 JPEG 的页面，这意味着在没有任何可见变化的情况下减少约半兆字节。

这对页面速度意味着什么

图片通常是页面下载内容中最大的一项，因此直接挡在谷歌真正衡量的那个指标的路径上。

Largest Contentful Paint 衡量最大的可见元素出现所需的时间——在大多数页面上，那个元素就是图片。它是 Core Web Vitals 之一，是排名信号，并且主要取决于你的主视觉图片有多少字节。把它减掉三分之一，LCP 会直接改善。

这对网络条件最差的人最为重要。在快速的桌面连接上，500 KB 察觉不到。在拥堵的移动网络上，那就是对着空白页面发呆的一秒钟，而访客正是在这一秒离开的。

选择质量设置

WebP 的质量取值为 0–100，而这个数字与 JPEG 的质量数值含义并不相同。大致参考：

• 80–85 — 网页照片的最佳区间。在正常观看尺寸下，与原图的差异基本看不出来。
• 90 以上 — 适用于会被放大、稍后裁切，或含有细小文字的图片。超过 90 后文件迅速变大，而可见收益极小。
• 70–80 — 缩略图、背景图，以及任何较小或部分被遮挡的图片。
• 低于 70 — 在照片上能看出来。只适合做大幅模糊的背景，其他用途不多。

如果拿不准，就从 82 开始，并按原始尺寸查看结果。瑕疵最先出现在平滑的渐变处——天空、影棚背景、皮肤——而不是繁杂的细节处。

转换 JPG 不可避免会损失一点

在批量转换一整个原图文件夹之前，值得先弄明白这一点。

JPG 本身就是有损的。第一次保存时就已经丢弃了细节。把它转成 WebP，等于先解码这张已压缩的图片，再用另一种算法重新压缩，于是在原有基础上又叠加了第二轮较小的损失。这就是世代损失，图片每经过一次有损格式，它就会累积一次。

实际上，在质量 80–85 下转换一次是看不出来的。但这意味着两件事：

保留你的原图。 转换副本用于网页，把源文件另外存放。已经丢弃的细节找不回来。

不要反复转换。 JPG 转 WebP 再转 JPG 再转 WebP，画质会明显劣化。请始终从原图出发，而不是拿已转换过的文件再转一次。

如果你还留着未经处理的相机原始文件或 PNG 导出文件，把*那个*转成 WebP，效果会比转换 JPG 更好。

浏览器支持，以及唯一的例外

在真正要紧的地方，WebP 到处都受支持。Chrome、Edge、Firefox、Opera 和三星浏览器多年前就能处理它，而最后一个真正的落后者 Safari 也在版本 14（2020 年）中加入了支持。今天在网页上，你可以直接提供 WebP，不必准备后备方案。

例外在于软件，而不是浏览器。许多桌面和移动应用至今打不开 .webp 文件：较旧版本的 Photoshop、许多印刷流程、部分 Office 安装、各种数码相框和电视，以及数量惊人的只接受 JPG 和 PNG 的上传表单。这正是人们通常需要反向转换的原因。

使用方法

• 上传你的 JPG — 点击上传区域，或把 .jpg 文件拖放进来
• 选择质量 — 越高保留的细节越多；越低文件越小
• 下载 — 保存你的 WebP

需要知道的事

• 保留原始 JPG。 就质量而言，转换是单向的。
• 检查体积是否真的变小了。 对于较小或已被大幅压缩的 JPG，WebP 偶尔会稍微更大。如果出现这种情况，就继续用 JPG。
• 先调整尺寸再转换。 把 4000 像素的图片塞进 800 像素的位置所浪费的字节，远超过任何编解码器的选择所能挽回的。
• 有些上传表单会拒绝 .webp。 招聘网站、政府门户和较旧的电商后台通常只接受 JPG 和 PNG。
• WebP 支持透明，而 JPG 不支持——所以如果你之后把带透明的 WebP 转回 JPG，就需要选择一个背景色。
• AVIF 还要更小，大约比 WebP 再小 20%，但编码慢得多，支持范围也略窄一些。

常见问题

我的 WebP 会小多少？

在相同视觉质量下通常比 JPG 小 25–35%，不过会因图片而异。含有平滑区域的照片——天空、人像、影棚背景——压缩效果最好。本来就以低质量保存的小尺寸 JPG 可能几乎不会变小，偶尔还会稍微更大，这时直接保留 JPG 即可。

把 JPG 转成 WebP 会降低质量吗？

会略微降低，而且无法避免。JPG 在生成时就已经丢弃了细节，重新编码为 WebP 又叠加了第二轮小幅损失。在质量 80–85 下，以正常观看尺寸是看不出来的。请保留原始文件并转换副本，因为被丢弃的细节无法恢复。

WebP 对 SEO 有好处吗？

是间接的，但影响实实在在。谷歌不会给某种格式排名，但它把 Largest Contentful Paint 作为 Core Web Vitals 信号来衡量，而大多数页面上最大的元素就是图片。把图片字节减少三分之一会直接改善这项指标，这是少数能立刻见效且可测量的 SEO 改动之一。

所有浏览器都支持 WebP 吗？

就实际使用而言，是的。Chrome、Firefox、Edge、Opera 和三星浏览器已支持多年，Safari 也在 2020 年的版本 14 中加入了支持。剩下的缺口在桌面和移动应用，而不在浏览器——较旧的 Photoshop 版本、印刷流程和许多上传表单仍然不接受 .webp 文件。

我应该使用什么质量设置？

照片从 82 开始。含细小文字或会被放大的图片用 90 或更高，缩略图和背景图用 70–80。低于 70 时，真实照片上的瑕疵就会显现，而且首先出现在天空这类平滑渐变处，而不是繁杂的细节处。

我该用 WebP 还是 AVIF？

大多数工作用 WebP。AVIF 能再小约 20%，但编码慢得多，浏览器之外的软件支持较薄弱，而且与从 JPG 迁移带来的跨度相比，这点额外节省并不大。WebP 是稳妥的默认选择；AVIF 适合少数几张非常大的主视觉图片。

我的图片会被上传到你们的服务器吗？

不会。转换完全在你的浏览器中、使用其内置的图像编码器完成，因此你的照片绝不会离开你的设备。你可以断开网络连接，这个工具依然可用。

相关工具

• WebP 转 JPG — 反方向转换，适用于打不开 WebP 的软件
• PNG 转 WebP — 适用于标志、截图和带透明的图片
• 图片压缩 — 不改变格式进行压缩
• 图片尺寸调整 — 先调整尺寸；它比任何编解码器都更省字节