JPEG 转 WebP
把 JPEG 文件拖到下方,即可得到 WebP 文件。转换在你自己的设备上完成,因此不会上传,除了浏览器内存上限之外没有任何大小或数量限制。
把图片拖到这里
Ctrl/⌘ V粘贴截图或复制的图片
支持 JPEG
数值越低文件越小。照片用 75 通常就够。
100% 本地处理 文件不会被上传。
为什么要把 JPEG 转成 WebP?
同一张图片,WebP 的体积通常明显小于原始的 JPEG。当你在压缩页面体积、或者要挤进某个上传大小限制时,这一点很关键。
WebP 支持透明通道,所以转换之后你可以再抠掉背景。但转换本身并不会凭空造出 JPEG 文件里原本就没有的透明区域。
两种格式都是有损的。每一次重新编码都会再丢掉一点细节,所以最好从原图开始转,而不是从一张已经反复转过几轮的副本开始。
做这件事的人几乎都是想让网站更快,而它确实有效:在观感相当的前提下,WebP 通常能把 JPEG 再压掉四分之一到三分之一,摊到整个图库上,这个数字积累得很快。有一个前提值得先搞清楚,因为它决定了你的结果能有多好。
转换之前
你在压缩一个已经被压缩过的东西
这张 JPEG 在生成时就丢掉了细节,而 WebP 编码器现在处理的是那张已经受损的画面 —— 连同它的块状痕迹一起,还要忠实地花字节把那些痕迹保存下来。如果你手上还有相机原片或分层导出文件,从那里直接编码成 WebP,会得到比经由 JPEG 更小也更干净的结果。当 JPEG 确实是你唯一拥有的东西时,这么做仍然值得;只是别指望它能追平直接编码的水平。
别靠拉高质量来补偿
做二次编码时的直觉是把质量调高,以保护剩下的东西。这会适得其反:高设置会让编码器花字节去精确复现那些 JPEG 痕迹,最后你得到一个比源 JPEG 还大的 WebP —— 和你的初衷正好相反。80 上下通常能更小,而且看不出变化。
两个都发,而不是替换
发布 WebP 的标准做法是用 picture 元素,把 WebP 放在前面、JPEG 作为兜底,这样想要它的浏览器拿到它,其余的照常工作。删掉 JPEG 省下的是存储,失去的是兜底 —— 对一个对外的站点来说,这笔买卖很少划算。
会保留下来的
- 像素尺寸
- 合理设置下的视觉观感
- 四分之一到三分之一的体积
过不来的
- 又一点细节 —— 这是第二次有损压缩
- 老旧邮件与桌面软件的支持
JPEG 与 WebP 对比一览
| 属性 | JPEG | WebP |
|---|---|---|
| 压缩方式 | 有损 | 有损 |
| 透明通道 | 不支持 | 支持 |
| 典型文件大小 | 约为同等 JPEG 的 100% | 约为同等 JPEG 的 65-75% |
| 兼容性 | 几乎所有软件都能打开,包括很老的程序 | 所有主流浏览器和绝大多数应用都支持 |
| 常见来源 | 数码相机与照片分享 | 为减小页面体积而优化的网站 |
常见问题
我的 JPEG 文件会被上传到哪里吗?
不会。解码器和编码器是运行在本页面内的 WebAssembly 模块。首次使用某种格式时,网络面板可能会显示编解码器下载,但没有任何请求会包含你的文件。在支持离线缓存的浏览器中,用过一次的编解码器会被缓存,之后同类转换可以断网完成。
有文件大小或数量限制吗?
我们不设任何限制。实际上限取决于你设备的内存,因为转换过程中图片需要以未压缩形式驻留内存。在普通笔记本上,一亿像素以内的图片通常都能顺利转换。
转成 WebP 会损失画质吗?
WebP 是有损格式,会丢弃部分数据。在默认质量下,正常观看尺寸几乎看不出差别。如果你需要像素级完全一致的副本,请改选 PNG。
手机上能用吗?
可以。同样的 WebAssembly 模块在移动浏览器上也能运行。由于手机 CPU 较弱,转换会比桌面端慢,超大图片也更容易触及内存上限。
从 JPEG 转出去会不会又掉一次画质?
如果目标也是有损格式,会再掉一点。你手上的 JPEG 本身已经丢弃过数据,第二次有损编码会再丢一些。质量设在 80 以上时,这第二次损失很难看出来——但这正是应该保留原图、而不是反复来回转换同一个文件的原因。
WebP 用在网站上安全吗?
安全。所有现行浏览器都支持它,覆盖约 97% 的访客。剩下的缺口来自老旧软件而非老旧浏览器——少数桌面看图软件和较老的 CMS 上传表单仍然会拒绝它。