文章目录
- 原因
- 过程
- 相关下载
- 相关文档
- 后记
原因
页面上有个特效动画，PNG文件，APNG格式，13M大小，太占用内容了，要优化一下。
过程
直接上命令吧
ffmpeg -i input.apng -vf "format=rgba" -loop 0 output.webp
转换后发现loop设置不起作用，动画只循环一次。
到处找，发现可以用Google的libwebp库搞定，里面包含查看、转换、修改元信息等工具，我们需要用到的是webpmux
#设置loop，0为无限循环
webpmux -set loop 0 output.webp -o loop.webp
#查看图片信息
webpmux -info loop.webp
Canvas size: 1920 x 236
Features present: animation transparency
Background color : 0xFFFFFFFF Loop Count : 0
Number of frames: 214
相关下载
- libwebp-1.5.0-windows-x64.zip
- ffmpeg-release-full.7z
相关文档
Gogole - 一种适用于网络的图片格式
FFmpeg
Builds FFMPEG @ gyan.dev
后记
发现有个工具可以直接提供转换 /笑哭
iSparta－PNG压缩与格式转换工具
PS:我测试没有成功
