png序列帧转换为动态webp --使用google提供工具及命令行脚本

最近项目有缩减包体的任务，分析包体发现前阵子的新引入的动态webp特别大，没办法，只能压缩了，找UI竟然告诉我她不会，是产品传入某个软件弄的，打算自己下一个，发现用不了，只能自力更生了，搜来搜去，发现google有提供官方的webp转换工具。
google 的webp支持网站：https://developers.google.com/speed/webp/（需要梯子）
下载地址在这里：https://storage.googleapis.com/downloads.webmproject.org/releases/webp/index.html（不用梯子）

下载自己系统对应版本后解压点开bin文件夹，可以看到有多种工具：

返回根目录，打开ReadMe.txt，往下翻

看到这一句：

‘img2webp’ can turn a sequence of input images (PNG, JPEG, …)into an animated WebP file.

不禁想大喊一声：“万岁”。
后面还有个使用例子：

example: img2webp -loop 2 in0.png -lossy in1.jpg -d 80 in2.tiff -o out.webp

以下讲解Windows的使用方法

1. 配置环境变量：

计算机-右键-系统属性-环境变量-系统变量-Path，将下载的webp工具解压后的bin目录加入Path环境变量：

2.参照例子

随意弄几张图片，打开命令行，cd切换到图片所在目录下，参照readme.txt的参数讲解，输入命令，如果环境变量配置成功，应该是会显示成功的。

img2webp -loop 2 01.png -lossy 02.png -d 80 03.png -o out.webp

这时候就可以到图片目录下打来动态图了，电脑上可以用浏览器打开webp。
问题来了，我们的png序列可是有几十张上百张的啊，难道一张一张的往里敲图片名称，这当然是不行的。

3.使用bat批处理脚本自动生成并执行转换命令

@echo off
setlocal enabledelayedexpansion
:: 指定存放文件的目录（必须为英文目录，不能有空格）
set SrcFolder=这里替换为图片的输入目录
set DstFolder=这里替换为动态webp的输出目录
set imgs= 
for /f "delims=\" %%a in ('dir /b "%SrcFolder%\*.png*"') do (
  echo %%a
  set "imgs=!imgs!"%%a" "
)
echo %imgs%
set /a loop = 0
set /a time = 40
set /a q = 65
cd /d %SrcFolder%
:: 执行命令
img2webp -v -loop %loop% -lossy -q %q% -d %time%  %imgs% -o %DstFolder%\out_quality%q%_loop%loop%_frametime%time%.webp 
img2webp -v -loop %loop% -lossless -d %time%  %imgs% -o %DstFolder%\out_lossless_loop%loop%_frametime%time%.webp 
img2webp -v -loop %loop% -mixed -d %time%  %imgs% -o %DstFolder%\out_mixed_loop%loop%_frametime%time%.webp

pause

指定 图片的输入SrcFolder和输出目录DstFloder，保存为bat文件，点击运行即可装换成功。

time 指定每帧的时间，也可以在每一个图片名称后分别进行控制
loop 指定webp循环次数
q 指定压缩质量，越高越好，生成文件也越大

这里生成了三种版本的动态webp，分别是有损，无损，混合版本，你可以根据需求进行选择，一般使用mixed版本，生成动态webp大小质量都较为合适，不过webp可能是压缩算法的原因，小部分webp有时候无损反而占用更小空间，可以稍微注意一下。

refer：https://blog.csdn.net/hjiangshujing/article/details/80522452