比较

JPG 与 WebP:真实文件大小和质量测试

在同等质量下,WebP 文件的运行速度比 JPG 小约 30%。以下是工件的不同之处、大小测试显示的内容以及何时 JPG 仍然是更安全的选择。

JPG 与 WebP:真实文件大小和质量测试

WebP 压缩照片大约 比 JPG 小 25% 到 34% 根据 Google 对 1,000 张网络图像的研究,在相同的视觉质量下。两者都是为照片构建的有损格式,因此真正的问题不是哪种看起来更好,而是大小、兼容性和功能之间的哪种平衡适合您的工作。 JPG 的历史可以追溯到 1992 年,并且可以在所有制造的设备上打开。 WebP 于 2010 年问世,增加了 JPG 所缺乏的透明度、动画和无损模式。这一比较涵盖了两种格式的来源、大小测试、每种格式在压缩下如何失败、WebP 添加的功能、浏览器支持、对页面速度的影响以及 JPG 仍然是更安全选择的情况。

这两种格式都不是明显的赢家。 WebP 在文件大小和功能上获胜; JPG 在普遍影响力方面获胜。大多数现代网站现在都以 JPG 为后备,为 WebP 提供服务,从而为新浏览器赢得了尺寸优势,并为其他浏览器带来了安全性。最后,您将知道使用哪个来进行照片、网络传输、上传和存档。

JPG 是什么

JPG 来自联合摄影专家组,该委员会于 1992 年定义了它,它是为一项工作而创建的:缩小照片。它使用有损压缩,将图像分为 8 x 8 像素块 并丢弃人类视觉几乎无法记录的精细细节。从 0 到 100 的质量刻度盘控制丢弃的严重程度。三十多年后,JPG 支持已普及:每个操作系统、浏览器、相机、打印机和照片应用程序都无需设置即可读取它。这种影响力是其决定性的优势。

不过,JPG 确实有局限性。它不具有透明度,因此任何透明区域都会被展平为纯色。每次重新保存时它都会降低一点,这种效果称为世代损失。而且它会以较低的质量弄脏锐利的文本和硬边缘,因为这些是其压缩首先丢弃的高频细节。对于广泛分享的照片来说,这些都不重要,这就是 JPG 能够持续存在的原因。

什么是 WebP

WebP 是 Google 于 2010 年发布的一种图像格式,基于其 VP8 视频编解码器的压缩而构建。目标很明确:使网页图像更小,以便页面加载速度更快。谷歌设计它是为了一次替换三种格式,匹配 JPG的照片压缩、PNG的透明度、GIF的动画 在一个容器中。它提供了照片有损模式和与 PNG 完全相同的无损模式。

WebP 落后于 JPG 的地方在于年龄。它已经更新了十四年,因此一些较旧的程序、一些电子邮件客户端和某些上传表单仍然无法读取它。在开放网络上,这种差距已经缩小,因为当前的每个浏览器都支持 WebP。但对于不受您控制的文件,较新的格式会带来小风险,而老格式则不会。

质量匹配的文件大小

文件大小是 WebP 在纸面上获胜的关键。在相同的感知质量下,WebP 的有损模式将照片保留在 大约减少三分之一的空间 比 JPG 好,因为它使用更新的预测和熵编码。在具有平坦区域和清晰边缘的图像上,差距会扩大,而在颗粒状、细节丰富的照片上,差距会缩小,而这两种格式都很难找到冗余。 Google 对 1,000 张图像进行的研究表明,平均节省了 25% 到 34%。

在图像较多的网页中,每张照片有三分之一是真实的。作为 WebP,承载 3MB JPG 的页面会降至 2MB 左右,在慢速移动连接上加载时间仅为数秒。乘以站点上每个页面的带宽,无论对于访问者还是托管成本来说,带宽节省都是巨大的。

质量不同的地方

质量的最大差异在于每种格式在压力下失败的方式。 JPG 闯入其 8×8块 当用力推动时,会在硬边缘周围散布微弱的振铃伪像。 WebP 倾向于将精细的细节涂抹成柔和、稍微模糊的结果,而不是阻塞。客观上两者都不是更好。遮挡会更分散一些人的注意力;温柔会打扰别人。

在高质量设置下,差异消失。两种格式看起来与质量为 90 的原始格式相同,因此选择纯粹取决于尺寸和功能。这种区别仅在严重压缩的情况下才会出现,此时您会故意以质量换取尺寸,即使这样,在大多数照片上这种区别也是微妙的。

WebP 增加了 JPG 所缺少的内容

WebP 做了三件事 JPG 无法做到的事情,每件事对于不同的工作都很重要:

  • 透明度: WebP 保留完整的 Alpha 通道,因此剪切徽标或产品镜头保持透明,而 JPG 用纯色填充背景。
  • 动画: WebP 支持动画剪辑,用文件大小的一小部分和数百万种颜色(而不是 256 种)取代 GIF。
  • 无损模式: WebP 可以逐个像素地精确匹配 PNG,同时重量更轻,因此它可以兼作 PNG 的替代品。

JPG 不提供这些。它是一种单一用途的照片格式,使其简单但范围狭窄。

浏览器和软件支持

支持度是 JPG 的剩余优势,并且正在缩小。 JPG 打开于 每个浏览器、电子邮件客户端、打印机和旧程序 曾经做过。 WebP 现在可以被 Chrome、Firefox、Safari 和 Edge 读取,因此在开放网络上兼容性问题基本上得到解决。其他地方也存在差距:一些较旧的桌面软件、一些电子邮件客户端以及许多上传表单仍然只接受 JPG 或 PNG。

这就是为什么两者共存而不是一种取代另一种的原因。在您控制的网站上,WebP 是安全的。对于通过电子邮件发送、打印或上传到未知系统的文件,JPG 可以一步避免所有兼容性问题。

对网站速度的影响

格式选择影响速度,速度影响排名。图像通常是网页最重的部分,页面权重直接影响到 最大的内容涂料,Google 的核心网络生命之一和已确认的排名信号。将每张照片减少三分之一可显着缩短加载时间、LCP 分数和跳出率。更快的页面转换效果也更好,因此工作会得到双倍的回报。

大多数网站使用的实用模式是渐进式的:向接受它的浏览器提供 WebP,其余的则回退到 JPG。 HTML 图片元素和大多数内容管理系统会自动处理此问题,因此现代访问者可以获得小文件,而老访问者仍然可以看到图像。

当 JPG 仍然是更安全的选择时

只要覆盖范围比大小更重要,JPG 就会获胜。对于附加到电子邮件、交给打印店或上传到仅列出 JPG 和 PNG 的门户的照片,老格式可以避免收件人无法打开 WebP 的风险。对于您不会自行管理的文件来说,这也是安全的默认设置,因为您无法保证另一端的软件。

对于存档来说,这两种方法都可以,不过许多摄影师将母版保留为无损格式并导出 JPG 或 WebP 副本以供共享。规则很简单:WebP 代表您自己的网站,JPG 代表任何落入未知之手的东西。

两者之间如何转换

转换任一方向无需安装。浏览器转换器会在您的设备上重新编码文件,因此在您切换格式时不会上传任何内容。我们的 PNG 到 JPG 转换器PNG 到 WebP 转换器 两者都通过 HTML5 Canvas API 运行,一次批处理多个文件,并且不添加水印。设置质量、转换和下载。对于网站,保留原始文件并生成 WebP 和 JPG 后备文件。

为什么摄影师仍然选择 JPG

摄影师依赖 JPG 的原因不仅仅是兼容性。每个相机都直接从传感器拍摄 JPG,因此它是拍摄的原生切换格式。照片实验室、图库和客户交付系统都需要 JPG,并且数十年的编辑软件都将其视为基线。向客户发送图库的摄影师选择 JPG 是因为 客户可以在任何地方打开它,在任何设备上,无需再三考虑。

WebP 正在通过网络画廊和作品集悄然进入这个世界,其较小的尺寸可以加快浏览速度。但对于交付和存档来说,JPG 的通用性仍然胜过 WebP 的尺寸优势。出现的模式是一致的:WebP 表示面向网络的副本,JPG 表示离开摄影师控制的文件。

质量设置如何改变比较

质量表盘会改变哪种格式看起来更好。在 品质90以上、JPG 和 WebP 在视觉上是相同的,因此唯一的区别是文件大小,其中 WebP 获胜。质量降至 60 或以下时,两者会出现分歧:JPG 显示块状正方形并在边缘周围出现振铃,而 WebP 则变得柔和。两者都不令人愉快,但它们的失败方式不同。

这就是为什么公平的比较总是匹配质量,而不是文件大小。将质量为 90 的 JPG 与质量为 60 的 WebP 进行比较并不能证明什么,因为您更改了两个变量。在匹配的质量下,WebP 确实是较小的文件,具有相同或更好的边缘处理,这是两种格式的诚实读取。

判决结果

WebP 凭借技术优势获胜:更小的文件、透明度、动画和无损模式,所有这些都具有完整的现代浏览器支持。 JPG 在一件仍然重要的事情上获胜,毫无疑问,它在任何地方都可以打开。将 WebP 用于您的网站,将 JPG 用于您发送到未知领域的任何内容,并在您需要两者时为 WebP 提供 JPG 后备。

常见问题

我应该为 WebP 使用哪种质量设置?

质量 80 至 90 对于照片来说,与原始照片的差异是看不见的。仅当您需要更小的锉刀并且可以接受柔软度时才降低它。

相机可以使用 WebP 进行拍摄吗?

不。 相机拍摄 JPG 或 raw,而不是 WebP,因此 JPG 仍然是摄影交付和编辑工作流程的原生格式。

WebP 比 JPG 更好吗?

就尺寸而言,是的。 WebP 大约小 30% 以匹配的质量并增加透明度和动画。 JPG 在通用兼容性方面胜出,这就是两者仍在使用的原因。

WebP 比 JPG 小多少?

通常 缩小 25% 至 34% 根据 Google 对 1,000 张图像的研究,对于同等质量的同一张照片,差距取决于内容。

WebP 看起来比 JPG 差吗?

不,不是高质量的。 两者看起来都与原版相同 在合理的设置下。在重度压缩下,JPG 会变硬,而 WebP 会变软。

所有浏览器都支持 WebP 吗?

现代人确实如此。 Chrome、Firefox、Safari 和 Edge 都读取 WebP。一些较旧的桌面软件、电子邮件客户端和上传表单仍然只接受 JPG。

WebP 是否保留透明背景?

是的。 WebP 具有完整的 Alpha 通道,因此透明图像保持透明,与 JPG 不同,JPG 将透明度平坦化为纯色。

JPG 和 WebP 哪个更适合网站?

WebP,为了速度。 较小的文件可改善最大的内容绘制,排名信号。为 WebP 提供 JPG 后备,以便老客户仍然可以看到图像。

我可以通过电子邮件发送 WebP 文件吗?

有风险。 某些电子邮件客户端不呈现 WebP,因此它可能显示为已损坏。将电子邮件转换为 JPG,每个客户端都会显示。

将 JPG 转换为 WebP 会降低质量吗?

稍微有一点,因为两者都是有损的。 重新编码添加一次压缩通道。在质量 90 时,损失是不可见的,但要避免在格式之间重复往返。

WebP 适合打印吗?

不,请使用 JPG 或 TIFF。 打印工作流程需要 JPG、TIFF 或 PDF,并且许多打印工具不读取 WebP,因此请在发送到打印机之前进行转换。

我可以将 JPG 转换为 WebP 或将 WebP 转换为 JPG 吗?

是的,两个方向。 浏览器转换器以两种方式重新编码 在您的设备上,因此当您切换格式时文件永远不会上传。

JPG 和 WebP 都是有损照片格式,但 WebP 可以将图像缩小约 30%,并添加 JPG 所缺乏的透明度、动画和无损模式。 JPG 具有通用兼容性,可以毫无疑问地在所有设备和收件箱上打开。在您的网站上使用 WebP 可以加快页面速度和核心 Web Vitals,为电子邮件、打印和未知上传表单保留 JPG,并为 WebP 提供 JPG 后备以实现这两者。使用我们上面的工具在您的浏览器中进行任意一种转换,免费且私密。

快速参考:JPG 或 WebP

伸手去拿 网络P 当图像位于您控制的网站上时,当照片需要透明度时,或者当页面速度和核心网络生命很重要时。伸手去拿 JPG 当文件脱离您的控制时:电子邮件附件、打印作业、库存提交或仅列出 JPG 和 PNG 的上传表单。如果您想要同时获得这两个好处,请为 WebP 提供 JPG 后备,以便现代浏览器获得小文件,而其他人仍然可以看到该图像。这一规则几乎涵盖了两者之间的每一个真正的决定。