几十张静止的 PNG 连起来就是一个动效，这就是 GIF、WebP、APNG 动效格式的原理。要把序列帧合成动效并导出成需要的格式，你需要用到 FrameFlow 这个在线工具。以下是详细的操作步骤：
一、准备 PNG 序列帧
首先，把动效的每一帧导出成一张 PNG，每张图都是动效里的一个瞬间，全部放进同一个文件夹（视频里演示的是选中名为「按钮动效序列帧」的文件夹）。
文件名按自然顺序命名，帧会按相对路径自然排序（frame_2 排在 frame_10 前面），并尽量保持所有帧尺寸一致。
注意：顺序对了画面才能连贯；第一次打开页面会加载约 31MB 编码内核，需联网一次，之后本会话可离线使用。
二、打开 FrameFlow 网站
1.在浏览器地址栏输入 frameflow.tunetianyu.site 并回车，进入「把 PNG 序列帧 一键合成丝滑动效」首页。
注意：需打开🪜访问。如果出现打不开、加载缓慢或拦截页，先确认🪜已开启再刷新页面。
2.页面右上角标着「本地处理 · 100% Local」，渲染全程在浏览器本地完成，图片不上传。
三、导入序列帧并检查帧数和顺序
1.在卡片里点击「选择文件夹」，在弹出的文件窗口中选中序列帧文件夹，点「上传」；也可以直接把文件夹拖到「拖拽文件夹或 PNG 文件到此处」区域，或点「选择多个文件」手动多选 PNG。
2.导入后先看帧数、总大小、尺寸和逐帧缩略图，检查帧数与顺序。错了也没关系会有文件诊断，会提示「序列连续 0–99 100 帧」这类结果，出现缺帧、重帧、命名异常也会给出提示。
3.点「预览动画」或用悬浮预览窗口确认效果；预览为降帧预览，导出时仍使用原始 PNG。
四、设置参数并导出动效
「设置参数并导出」中设置帧率 FPS（默认 30，帧率变了动画节奏也会跟着变）、循环次数 LOOPS（0 = 无限循环）、输出文件名 FILENAME（不填扩展名）。
确认效果后，点击底部「导出 GIF」「导出 WebP」「导出 APNG」中需要的那一个，等浏览器本地渲染完成，文件会自动保存到「下载」文件夹。
注意：WebP 质量高、体积小、程序适配简单，默认质量 80，优先推荐；APNG 无损；GIF 兼容性最好，但超过 50fps 时浏览器 / 微信等查看器会强制放慢，这是查看器限制，不是导出错误（30fps 会按 1/100 秒取整，实际约 30.8fps）。
补充：现工具已更新，现支持 GIF / WebP / APNG 动画互转、导出为 PNG 序列 ZIP，站点首页也支持导入 SVGA 与双通道 MP4、绿幕/蓝幕抠图；已有动图文件可直接拖进去转格式，不必先拆成序列帧。
