介绍这款开放源码影像编辑辅助工具以节省成本和内部空间。

WebP 是 2010 年合作开发的一类影像文件格式，可为页面上的影像提供更多出众的桑利县和有辱压缩。 中文网站合作开发采用者能采用 WebP 建立更小、更详尽的影像以提升公交站点速率。更慢的读取速率对中文网站的采用者新体验和中文网站的网络营销效用非常重要。

为的是在大部份电子设备和采用者间同时实现最差读取，您中文网站上的相片压缩率不应少于 500 KB。

与 PNG 影像较之，WebP 桑利县影像一般来说最少比 PNG 影像小 25%。在完全相同的 SSIM（内部结构关联性 ( )）状态参数下，WebP 有辱影像一般来说比 JPEG 影像小 25% 到 34%。

桑利县 WebP 还全力支持有效性。尽管有辱 RGB 压缩是能拒绝接受的，但有辱 WebP 还全力支持有效性，一般来说比 PNG 文件文件格式小五倍。

调查报告称，将动画 GIF 文件文件格式切换为有辱 WebP 可将压缩率增加 64%，切换为桑利县 WebP 可将压缩率增加 19%。

WebP文件文件格式文件格式是如前所述RIFF（ File （文件文件格式））的文件文件格式文件格式。能看见文件文件格式的亲笔签名是52 49 46 46（RIFF），暗含：

$ hexdump --canonical pixel.webp
00000000  52 49 46 46 26 00 00 00  [...]  |RIFF&...WEBPVP8 |
00000010  1a 00 00 00 30 01 00 9d  [...]  |....0....*......|
00000020  0e 25 a4 00 03 70 00 fe  [...]  |.%...p...`....|
0000002e

独立库用作 WebP 规范的参考同时实现，可从 Git 存储库或 获得。

全球 80% 的网络浏览器都与 WebP 文件格式兼容。在撰写本文时php多相片上载标识符，的浏览器尚不兼容。这个问题的解决方案是提供更多 JPG/PNG 影像和 WebP 影像中文网站优化，有方式和插件能做到这一点。

为什么要这样做？

我的部分工作是设计和维护我们组织的中文网站。由于中文网站是一类网络营销辅助工具，而中文网站的速率是衡量采用者新体验的重要指标，所以我一直在努力提升中文网站的速率，通过将相片切换为 WebP 来减小相片大小是一个很好的解决方案。

我采用 web.dev 来检测其中一个页面，该辅助工具由 2.0 许可证提供更多，能在以下位置找到。

根据其官方描述，“是一款旨在提升页面质量的开放源码自动化辅助工具。您能在任何公共或经过身份验证的页面上运行它。它具有性能、可用​​性、渐进式 Web 应用程序、 SEO 审计等小程序合作开发，你能在浏览器的合作开发辅助工具中运行php多相片上载标识符，也能通过命令行运行，也能作为Node模块运行，你输入一个URL，它会对页面进行一系列的审计，然后生成页面的审计结果调查报告。调查报告的失败审核条目给出了页面应该如何优化的想法。每个审核都有相应的文件文件格式解释为什么该项目很重要以及如何修复它。”

建立更小的 WebP 影像

我测试的页面返回了三张相片。在它生成的调查报告中，它提供更多了建议和目标。我选择了调查报告 650 KB 的 app-。通过将其切换为 WebP 文件格式，预计将影像大小减小到 61 KB，节省 589 KB。我将其切换为 ，采用默认的 WebP 设置保存，压缩率为 44.9 KB。甚至比预期的还要好！从下面的截图能看出，两张相片的视觉质量是一样的。

左：650 KB（实际大小）。右：44.9 KB（切换后的目标大小）。

当然，你也能采用开放源码的影像编辑辅助工具 GIMP 将影像导出到 WebP。它提供更多了几个质量和压缩参数：

另一张相片放大：

PNG（左图）和WebP（右图）都是从JPG切换而来的。对比两张相片能看出，WebP 不仅文件文件格式体积更小，而且视觉质量也更好。

将影像切换为 WebP

您还能采用命令行辅助工具将影像从 JPG/PNG 切换为 WebP：

在命令行中采用，将 PNG 或 JPG 影像文件文件格式切换为 WebP 文件格式。您能采用以下命令将PNG影像文件文件格式切换为质量参数为80的WebP影像。

cwebp -q 80 image.png -o image.webp

您也能采用 ，它可能在您的发行版的存储库中可用。切换的子命令是 ，它需要的大部份参数都是输入和输出文件文件格式：

convert pixel.png pixel.webp

采用编辑器将影像切换为 WebP

要在影像编辑器中将影像切换为 WebP，请采用 GIMP。从 2.10 版本开始，它原生全力支持 WebP。

如果您是采用者，则需要一个切换插件，因为默认情况下不包括 WebP 全力支持。在 2.0 许可下发布，0.2.1 是一个用于打开和保存 WebP 影像（包括动画影像）的模块。

为的是能正常采用，需要把它放到目录的bin文件文件格式夹中：

x64: C:\\\\插件\.8bi

Mac://插件/。

WebP 开启

许多中文网站都是用（我的）构建的。那么，如何上载 WebP 相片呢？在撰写本文时，它还不受全力支持。但是当然已经有插件能满足这种需求，因此您能在您的中文网站上准备 WebP 和 PNG/JPG 影像（供采用者采用）。

以下说明可用于：

“直接上载WebP相片怎么样？很简单，只要在你的主题.php文件文件格式中添加几行即可。默认不全力支持显示和上载WebP文件文件格式，但我会告诉你如何传递几行。使其全力支持的简单步骤。登录到您的管理界面，转到“外观/主题编辑器”并找到 .php。复制下面的标识符并将其粘贴到文件文件格式末尾并保存：

//** * for webp .*/ ($) { $[webp] = /webp; $;}(, );

如果您想在“媒体/库”时看见缩略图预览，那么您还需要将以下标识符添加到您的 .php 文件文件格式中。要找到 .php 文件文件格式，请转到“外观/主题编辑器”并搜索 .php，然后将以下标识符复制并粘贴到文件文件格式末尾并保存：

//** * / for webp .*/ ($, $path) { if ($ === ) { $pes = ( ); $info = @( $path );如果 (($info) ) { $ = ; } (!($info[2], $pes)) { $ = ; } 其他 { $ = 真； } } $;}(, , 10, 2);

”

WebP 和未来

WebP 是一类强大且经过优化的文件格式。它看起来更好，压缩更好，并且具有大多数其他常见影像文件格式的大部份功能。不要再等了，现在就采用它。

通过：

作者：Jeff 题目：译者：校对者：wxy

本文由LCTT原创编译，荣耀登陆中国