分页: 1 / 1

webp格式图片转换教程

发表于 : 2021年 9月 2日 08:49
BobMaster
webp可以极大的减少图片文件的体积大小,这在web图片的传输上有极大的优势,此外图片经过webp转换后,从肉眼看去,清晰度基本没有变化
给大家看一个例子
压缩前: (大小约为998k)
karthik-balakrishnan-NrS53eUKgiE-unsplash.jpg
压缩后: (大小约为355k)
karthik-balakrishnan-NrS53eUKgiE-unsplash.webp

这里使用的转换工具是谷歌开发的libwebp工具集
下载地址: https://storage.googleapis.com/download ... index.html
文档: https://developers.google.cn/speed/webp/docs/cwebp (cwebp用于将其他格式的静态图片转换为webp)

以windows为例,下载libwebp-1.2.1-windows-x64.zip,解压该文件夹,进入目录,再进入bin路径,将完整路径记录下来
我这里是 C:\Users\bobmaster\Downloads\libwebp-1.2.1-windows-x64\bin
接着我们将这个路径添加到系统的环境变量中
此电脑->属性->高级系统设置->环境变量->用户变量中的Path(点编辑)
在弹出的编辑环境变量窗口,点击新建,将刚才保存的bin完整路径粘贴上去,之后点右下角确认即可
Snipaste_2021-09-02_08-03-11.webp
Snipaste_2021-09-02_08-03-11.webp (23.02 KiB) 查看 721 次
之后打开你需要转换的图片所在的目录,在地址栏处输入cmd然后回车,即可在当前路径打开命令提示符
Snipaste_2021-09-02_08-06-00.png
Snipaste_2021-09-02_08-06-00.png (8.99 KiB) 查看 721 次
为了简捷和方便,我们就不使用自定义的参数,全部用默认值即可(具体说明请看官方文档)
PS: 图片的文件名可以利用Tab键补全,就不会那么麻烦了

代码: 全选

待转换的图片可以是png、jpg、gif等格式,输出时你就写成图片名称.webp即可
cwebp 图片.png -o 图片.webp

#如果是动态的gif,就使用gif2webp
gif2webp 图片.gif -o 图片.webp
demonstration.webp
demonstration.webp (67.14 KiB) 查看 721 次
转换完成后,就可以在当前目录下找到转换后的图片了!