webp格式图片转换教程

分享讨论IT相关的内容
回复
头像
BobMaster
初入江湖
初入江湖
帖子: 416
注册时间: 2020年 12月 7日 08:05
来自: 神秘的东方
我的状态: 🎯
为圈友点赞: 72 次
被赞次数: 31 次
联系:

webp格式图片转换教程

帖子 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) 查看 28 次
之后打开你需要转换的图片所在的目录,在地址栏处输入cmd然后回车,即可在当前路径打开命令提示符
Snipaste_2021-09-02_08-06-00.png
Snipaste_2021-09-02_08-06-00.png (8.99 KiB) 查看 28 次
为了简捷和方便,我们就不使用自定义的参数,全部用默认值即可(具体说明请看官方文档)
PS: 图片的文件名可以利用Tab键补全,就不会那么麻烦了

代码: 全选

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

#如果是动态的gif,就使用gif2webp
gif2webp 图片.gif -o 图片.webp
demonstration.webp
demonstration.webp (67.14 KiB) 查看 28 次
转换完成后,就可以在当前目录下找到转换后的图片了!
昔日玫瑰以其名流芳,今人所持唯玫瑰之名
为什么要成功呢?知足,做好自己就成了
人生路途今踏步,明日不忘报国恩
回复