专业的网站建设公哪家专业百度大数据中心

原因

页面上有个特效动画，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

相关下载

1. libwebp-1.5.0-windows-x64.zip
2. ffmpeg-release-full.7z

相关文档

Gogole - 一种适用于网络的图片格式
FFmpeg
Builds FFMPEG @ gyan.dev

后记

发现有个工具可以直接提供转换 /笑哭
iSparta－PNG压缩与格式转换工具
PS:我测试没有成功