UltKit

JPG转WebP

把网站上的JPG照片转换为WebP,为图片减小体积。目前所有主流浏览器都能显示WebP。批量上传,质量保持80或自行调整,下载的文件通常比原图小四分之一到三分之一。

图片格式转换

或将JPG, JPEG, JPE … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

输出

文件在我们的服务器上处理,并在 30 分钟后删除。

使用方法

  1. 1

    上传网站上的JPG图片

    把商品图、博客头图或相册照片拖到上传区域。每批最多 20 个文件,单个文件最大 95 MB。

  2. 2

    设置WebP质量

    音质默认从 80 开始,适合原本以 85–90 保存为 JPG 的照片。请保持无损关闭;开启后照片只会变大,画质并不会更好。

  3. 3

    转换并替换原图

    点击转换为 WebP,下载文件或 ZIP 压缩包,再把它们上传到现有 JPG 旁边,这样两种格式都可以提供。

答案

JPG 转 WebP 值得吗?

值得,前提是这些图片放在你自己运营的网站上。在相同视觉质量下,WebP 通常能节省四分之一到三分之一的字节,而且 2020 年以来发布的所有浏览器都能显示。请保留原始 JPG 作为备用。

JPG转WebP,让网页加载更快

图片通常是网页中最重的部分,而其中大多数仍是 JPG,因为相机、手机和图库产出的就是这种格式。WebP 由谷歌于 2010 年发布,正是为了以更小的体积取代这类文件。它的有损模式基于 VP8 视频编码,会根据相邻块来预测每个块,而不是像 JPEG 那样把每个 8 × 8 块单独编码。

实际效果就是同样的画面占用更少的字节。在一个有十二张 150 KB 照片的商品页上,每张减少四分之一到三分之一,每次访问可节省几百 KB,这会直接体现在 Largest Contentful Paint 上,它是 Core Web Vitals 中统计屏幕上最大图片或文本块加载时间的指标。

对访问者来说,兼容性已不再是问题。Chrome 显示 WebP 已有十多年,Firefox 从 2019 年的 65 版开始支持,Safari 从 2020 年的 14 版开始支持。仍然不支持的主要在浏览器之外:邮件客户端、一些生成链接预览的社交平台,以及桌面软件。因此合理的做法是向浏览器提供 WebP,其余场景保留 JPG。

JPG照片转WebP该选多少质量

  1. 50

    缩略图和小卡片;在大屏幕上会显得模糊

  2. 70

    细节较少的背景图和通栏横幅

  3. 80

    此处的默认值;商品图和博客照片看起来与 JPG 一致

  4. 90

    含有细小文字、布料纹理或锐利边缘的照片

用picture元素提供WebP,并以JPG作为后备

HTML:优先 WebP,JPG 作为备用
<picture>
  <source srcset="/images/sofa.webp" type="image/webp">
  <img src="/images/sofa.jpg" alt="灰色三人沙发" width="1200" height="800">
</picture>

JPG

JPEG 图像

JPEG(或 JPG)是使用最广泛的照片格式,由联合图像专家组于 1992 年标准化。它采用有损压缩,丢弃肉眼不易察觉的细节,使照片小到适合网页、邮件和手机存储。它能很好地处理平滑渐变和自然场景,但锐利的文字、线条图和纯色区域会出现明显的块状或模糊伪影。JPEG 不支持透明和动画,每次重新保存都会再损失一点画质。所有浏览器、手机、相机和图片编辑器都能打开。

压缩方式
有损
透明度
不支持
动画
不支持
发布年份
1992 · Joint Photographic Experts Group
JPG 转换器

WEBP

WebP 图片

WebP 是 Google 于 2010 年发布的图片格式,目的是让网页加载更快。它在同一种格式中同时支持有损和无损压缩、Alpha 透明和动画。在视觉质量相近的情况下,有损 WebP 文件通常比 JPEG 小 25–35%,无损 WebP 通常比 PNG 更小。目前所有主流浏览器都支持它,但一些较旧的桌面软件、打印服务和上传表单仍然不接受。Windows、macOS 和大多数现代图片编辑器都可以打开 WebP 文件。

压缩方式
有损或无损
透明度
支持
动画
支持
发布年份
2010 · Google
WEBP 转换器

网站所有者把 JPG 转成 WebP,是为了减小自己发布的图片的页面体积;留在电脑里或用于打印的文件,没有人需要 WebP。

稳妥上线WebP,不影响现有页面

上面的 <picture> 代码会让每个浏览器选择它能识别的第一个源,因此使用旧版浏览器的访问者会自动得到 JPG。请在 <img> 上保留 width 和 height;它们会预留空间,避免图片加载时页面布局跳动。

如果你的网站使用 WordPress,5.8 及更高版本支持在媒体库上传 WebP,因此可以直接上传转换后的文件。许多 CDN 也可以实时转换;本页适合你想手动控制的图片,例如首屏横幅。

发布之前,先对比整个文件夹的总大小:如果 WebP 这一组没有明显更小,说明 JPG 本来就压缩得很狠,转换带来的收益不大。如果之后仍需控制文件大小,请使用压缩图片。

网站站长关于JPG转WebP的常见问题

同一张图片,WebP比JPG小多少?

谷歌公布的对比结果显示,在 SSIM(衡量视觉相似度的常用指标)相同的情况下,有损 WebP 文件比 JPEG 小 25–34%。实际节省多少取决于照片:平滑的天空和影棚背景压缩得最多,噪点多的弱光照片压缩得最少。已经被重度压缩过的 JPG 可能几乎没有变化。

WebP质量设多少才相当于JPG质量85?

两者的质量刻度不同,数值不能一一对应。对大多数照片来说,在正常观看尺寸下,WebP 75–80 看起来相当于 JPG 85–90。处理整个文件夹之前,先用 100% 缩放检查一个文件。

JPG转WebP之后,还需要保留JPG吗?

请保留。邮件客户端、部分平台的社交分享预览以及较旧的桌面软件仍然需要 JPG,而且 <picture> 元素也需要 JPG 作为备用。请把 WebP 和 JPG 放在一起,而不是替换掉 JPG。

JPG转WebP会让照片看起来更清晰吗?

不能。WebP 是由解码后的 JPG 重新编码得到的,因此 JPG 中已有的块状痕迹或色带都会保留下来。转换只改变这些像素的存储效率,不会增加它们包含的细节。

WebP会保留相机JPG里的EXIF信息吗?

WebP 可以携带 EXIF,但删除元数据默认开启,会移除 GPS 位置和相机信息。对于发布在公开网站上的图片,这通常正是你想要的。如果需要保留这些数据,请在高级设置中关闭。

网站图片应该选AVIF而不是WebP吗?

AVIF 对照片的压缩率更高,但编码速度慢得多,一些图片插件和 CDN 对它的支持也还不够稳定。WebP 是更稳妥的第一步;WebP 部署好后,可以拿几张首屏大图试试 JPG 转 AVIF。