文章内容

2021/11/17 14:15:41,作 者: 黄兵

WebP Windows 使用总结

最近在使用 Chrome Lighthouse 审查页面速度的时候,提示 Serve images in next-gen formats ,需要将 JPG 或 PNG 的图片转换成 WebP 格式的文件,WebP 格式有如下优点:

WebP 是一种现代图像格式,可为网络上的图像提供卓越的无损和有损压缩。使用 WebP,网站管理员和 Web 开发人员可以创建更小、更丰富的图像,从而提高 Web 速度。

与 PNG 相比,WebP 无损图像的尺寸小 26%。WebP 有损图像比同等SSIM质量指数下的可比 JPEG 图像 小 25-34%。

无损 WebP以仅22% 的额外字节为代价支持透明度(也称为 alpha 通道)。对于可以接受有损 RGB 压缩的情况,有损 WebP 还支持透明度,通常提供比 PNG 小 3 倍的文件大小。

在 Windows 上设置 WebP 格式转换工具如下:

1、都此处下载 WebP 格式转换工具:WebP 格式转换工具

2、下载好之后解压出来,下面是文件的说明:

文件:

======

cwebp.exe:编码工具

dwebp.exe : 解码工具

gif2webp.exe : gif 转换工具

vwebp.exe:webp 可视化工具

lib/ : 静态库

lib/webp : 标题

test.webp :示例 WebP 文件。

test_ref.ppm : test.webp 文件解码成 PPM 格式。


编码工具:

==============

该软件包包含用于编码 (cwebp) 和解码 (dwebp) 图像的工具。


最简单的用法应该如下所示:

cwebp input.png -q 80 -o output.webp

它将使用 80 的质量因子将输入文件转换为 WebP 文件在 0->100 的范围内(0 是最低质量,100 是最好的。默认值为 75)。

您可能也想尝试 -lossless 标志,这将压缩源(RGBA 格式)没有任何损失。在这种情况下,-q 质量参数将控制尝试制作输出文件所花费的处理时间尽可能小。

下面是我转换文件的示例:

首先是切换目录:

cd /d "E:\Tools\libwebp-0.4.1-rc1-windows-x64\libwebp-0.4.1-rc1-windows-x64\bin"

之后转换文件:

cwebp.exe "E:\我的文档\My Pictures\Screenshots\resource-user-agent-list.max-1000x1000.png" -q 80 -o "E:\我的文档\My Pictures\Screenshots\resource-user-agent-list.max-1000x1000.webp"

着重说明:Windows 中文件名有空格需要使用英文双引号。

之后成功转换了文件:


参考资料:

1、An image format for the Web

2、Index of downloads.webmproject.org/releases/webp

3、Properly size images


黄兵个人博客原创。

转载请注明出处:黄兵个人博客 - WebP Windows 使用总结

分享到:

发表评论

评论列表