WebP Gallery

最好使用支持 WebP 的浏览器查看此图库页面,例如 Google Chrome、Opera 及其他

如果无法访问 Google Chrome,您可将图片下载到 以便与其他产品搭配使用 支持 WebP

JPEG 和 WebP 格式的示例图片文件以及 PNG 来源

下表显示了缩放后的 JPEG(左侧)和 WebP 图片(右侧) 以便进行比较。由于现有的浏览器原生支持 WebP 我们不再像发布时那样将 WebP 图片放置在 PNG 容器中。图片文件大小准确无误。点击 JPEG 和 WebP 缩略图将会打开 在新标签页中打开大图片

缩略图下方的文件大小与点击缩略图时查看的图片的文件大小相对应。WebP 图片比 JPEG 图片小了 30% 以上。

JPEG

WEBP

“挪威的奈尔奥峡湾 - 从 Breiskrednosi 拍摄。联合国教科文组织世界 传统"1

JPEG 文件大小:43.84 KB
WebP 图片
WebP 文件大小:29.61 KB
“Kayaker at Ekstremsportveko 2010, Voss”。 2

JPEG 文件大小:86.25 KB
<ph type="x-smartling-placeholder"></ph> WebP 图片
WebP 文件大小:59.18 KB
“Parkrun”的第 10 帧序列 3
<ph type="x-smartling-placeholder"></ph>
JPEG 文件大小:297.05 KB
WebP 图片
WebP 文件大小:198.38 KB
图片:“开花的野樱桃 (Prunus avium)” 4
<ph type="x-smartling-placeholder"></ph>
JPEG 文件大小:251.03 KB
<ph type="x-smartling-placeholder"></ph> WebP 图片
WebP 文件大小:172.82 KB
图片:冒烟的“斋浦尔王铜铜管乐队”比利时查斯皮埃尔 5
<ph type="x-smartling-placeholder"></ph>
JPEG 文件大小:120.78 KB
WebP 图片
WebP 文件大小:80.76 KB

图片来源

此页面上的图片来自多个不同的来源。我们精选了一些精美且丰富的图片,以展示 WebP 的画质。

以下是上述图片的创作者名单。

1 “挪威 Nærøyfjorden - 来自 Breiskrednosi。联合国教科文组织世界遗产
图片作者:Kjetil Birkeland Moe
经作者许可复制的内容。
PNG 来源
作者的博文,对 JPEG 和 WebP 进行了比较。鼠标悬停可启用示例。
2 “Kayaker at Ekstremsportveko 2010, Voss”
图片作者:Kjetil Birkeland Moe
已获作者许可,转载此图片。
PNG 源代码
作者撰写的博文,其中比较了 JPEG 和 WebP。鼠标悬停可启用示例。
3 “Parkrun”序列的第 10 帧
图片制作人:Lars Haglund,SVT Sveriges Television AB
经制作人许可,重新制作
PNG 源
4 图片:“盛开的野樱桃 (Prunus avium)”
图片作者:Benjamin Gimmel
PNG 来源
此照片已获得 Creative Commons 署名-相同方式共享 3.0 未本地化版本许可。
5 次 图片:喷火的“Jaipur Maharaja Brass Band”乐队,比利时 Chassepierre
作者:Luc Viatour
PNG 源
此照片已获 Creative Commons 署名-相同方式共享 3.0 未移植版许可。
作者网站:www.lucnix.be

重现图像

为了实现可重现性,并演示一些 WebP 技术的用法 压缩参数中,我们在这里介绍了 正在生成此图库中的图片

工具

为了转换和重新调整源图片的大小,我们使用了名为 convert 的 ImageMagick 工具的较新版本,该工具可从 https://www.imagemagick.org 获取。版本信息如下所示:

Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org

对于 JPEG 压缩,我们使用了 IJG 参考编码器 8b 版, 网址为 https://www.ijg.org/files/jpegsrc.v8b.tar.gz

版本信息如下所示:

Independent JPEG Group's CJPEG, version 8b  16-May-2010
Copyright (C) 2010, Thomas G. Lane, Guido Vollbeding

生成源 PNG 图片

首先,只需使用以下命令即可将 JPEG 源无损转换为 PNG 格式:

convert in.jpg out.png

然后,将较大的源图片重新缩放为 1024 像素的较小宽度 运行这些命令:

convert in.png -depth 16 -gamma 0.454545 -filter lanczos -resize 1024 -gamma 2.2 -depth 8 out.png

以生成最终的一组源 PNG 图片。

正在压缩为 JPEG 格式

JPEG 的编码器 (cjpeg) 接受 PPM 格式的输入图片。我们使用 convert 生成它们。然后,完整的转化序列如下:

convert in.png tmp.ppm
cjpeg -optimize -quality 80 -outfile out.jpg tmp.ppm

该参数会生成质量因子为 80 的优化 JPEG 文件。

压缩为 WebP 格式

我们的目标是比优化后的 JPEG 文件缩小 30%。 因此,我们明确指定了每张图片的目标尺寸。此外,借助 cwebp 工具的 -f 选项,我们为每张图片设置了临时滤除强度值。使用 -sns 选项还会增强某些图片的空间噪声整形幅度。所用命令行的确切内容如下:

cwebp -m 6 -f 50 -size 31500 1.png -o 1.webp
cwebp -m 6 -f 20 -sns 100 -size 62000 2.png -o 2.webp
cwebp -m 6 -sns 90 -size 213000 3.png -o 3.webp
cwebp -m 6 -f 40 -size 181000 4.png -o 4.webp
cwebp -m 6 -f 40 -size 89000 5.png -o 5.webp

总体而言,与 JPEG 文件大小相比,生成的 WebP 文件在全球范围内缩减了 32%。

请注意,此页面中使用的 WebP 缩略图也缩小了 26% 相较于对应的 JPEG 文件。