用PNG或WEBP来替代GIF?无损GIF动画制作

用PNG或WEBP替代GIF来展示动画,因为GIF存在许多问题,如不能支持半透明和边缘有杂边等。作者以mac环境下使用AE制作动画为例,演示了如何渲染动画并将其合成为APNG或WEBP格式,最终生成无损的动态图像。

导出动画

这里我们使用Photoshop来进行导出动画,打开需要导出的GIF动画图(这里已狐狸库的SVIP图标为例),选择文件->导出->渲染视频

然后选择输出文件夹,图像序列模块中格式选择PNG,图像大小根据自行需求选择,如需透明背景请选择“直接-无杂边”,确定好需求后点击渲染。狐狸这里还是老版本的Photoshop

然后我们就可以输出文件夹中看到PNG序列了。

合成为APNG或者WEBP

使用序列帧转webp + apng动画小工具这个工具进行转换。

安装之后返回到上级文件夹,右键单击,服务中选择对应的功能即可。

使用说明

  1. 将png序列帧放在一个文件夹里,文件夹里不要有其他文件。
  2. 对着存放序列帧的文件夹 右键 -> 服务 -> 序列帧转 webp + apng ,根据提示操作即可。也可以单独导出 webp 或者 apng 格式。
  3. 可以选择多个序列帧文件夹进行操作,导出的webp或apng动画放置在序列帧文件夹所在的目录。

注意

序列帧的命名请注意补零,位数对齐最大那个数字,例如假设有200张图,需要在个位前补2个0,十位前补1个0,即命名为 000.png、001.png … 010.png、011.png … 199.png,不要命名为 0.png、1.png …

如果你安装了之前的版本

可能会有重复的右键菜单项,此时需要清理一下旧版,清理方法 finder – 前往 – 前往文件夹,输入 「/用户/你的用户名/资源库/Services/」,找到 「序列帧转 webp」这个服务然后删掉就好。


温馨提示:本文最后更新于2025/06/13 19:18:25。若文章内容或图片失效,请留言联系站长反馈!
© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容