多张图片怎么做成 GIF：画布、帧间隔、循环和拆帧怎么设置

多张图片做成 GIF，先统一“画布”，不是先把所有原图强行改成同一宽高。正确流程是：整理并排序素材，确定画布和完整显示或裁剪铺满，再设置每帧时长与循环，完成后拆帧复核。

图叮GIF 制作与拆帧工具可以在浏览器中完成这条流程：多图合成 GIF，或把已有 GIF 拆成完整 PNG 帧和 timing.json 时序清单。

第一步：按故事顺序准备素材

开始前先回答“这段动图要表达什么”。教程步骤、产品轮播和表情动画需要的节奏不同，但都应先清理素材：

• 删除重复、模糊和与动作无关的图片；
• 按真正播放顺序重命名或选择；
• 统一图片方向，避免某一帧突然横过来；
• 检查文字、按钮和主体是否在安全区域；
• GIF 源图用在制作模式时，注意当前工具只读取它的第一帧。

选择文件后，图叮按当前列表顺序生成。列表中每一项都可以上移、下移，也可以单独设置时长。不要等生成后才猜“第 4 帧为什么跑到了最前面”。

第二步：确定画布，不要拉伸原图

图叮制作模式可设置 1 到 4096px 的宽高，但还会受总画布和内存预算限制。实际使用时应从展示尺寸出发，不要因为允许 4096px 就默认做最大文件。

当各张图片比例不同时，有两种适配方式：

• 完整显示：整张图等比放入画布，剩余区域使用你选择的背景色；
• 裁剪铺满：图片等比放大到铺满画布，超出部分从边缘裁掉。

完整显示适合不能丢主体的教程截图；裁剪铺满适合构图中心明确、必须铺满的视觉轮播。两种方式都保持图片比例，不会把人物或商品直接拉变形。

图注：先定顺序和画布，再设时长与循环，成品还要拆帧复核。

第三步：先设全局间隔，再修关键帧

帧间隔决定每张图片停留多久。图叮当前支持 20ms 到 10000ms，并可先设全局时长，再单独调整每帧。

一个实用起点是按内容分类：

• 快速图标或表情动作可以短一些；
• 操作教程的关键步骤要给读者看清文字的时间；
• 标题、结论和 CTA 帧通常需要比过渡帧更久；
• 两张变化很小的连续帧，不要只靠极短间隔制造“流畅”，先判断是否应该删掉一张。

不要只看总播放时长。把每帧都设成相同时间，教程可能在复杂步骤处过快、在简单过渡处又拖沓。先用统一间隔得到基线，再只调整少量关键帧，最容易控制。

第四步：循环按使用场景选

图叮当前提供：

• 一直循环；
• 只播放一次；
• 再重复 1 次；
• 再重复 2 次。

循环次数主要决定观看体验，不是主要的体积压缩开关。表情和加载提示可以持续循环；教程或品牌动画如果一直闪动会干扰阅读，可以限制重复；有明确结尾的步骤演示也可以只播一次。

设置后要从第一帧看到末帧，特别检查“最后一帧回到第一帧”是否突兀。需要无缝循环时，首尾画面与动作节奏要能衔接，单改循环选项不会自动补出过渡帧。

第五步：理解工具的处理边界

当前 GIF 工具最多处理 300 帧、合计 100MB，并限制预计原始 RGBA 和拆帧 PNG 的内存预算。碰到超限提示时：

1. 先减少没有信息增量的帧；
2. 再缩小输出画布；
3. 分段制作确实独立的内容；
4. 不要靠刷新页面重复提交同一批超大文件。

制作过程使用有限色板编码；照片、渐变和噪点很多时，GIF 可能出现色带。当前界面没有手动颜色数量选项，颜色质量不理想时应先简化源素材，或改用适合连续色彩的动画格式。

第六步：拆帧验收，不只看播放预览

生成后下载 GIF，再切换到拆帧模式上传成品。工具会输出：

• 按帧编号命名的完整 PNG；
• 每帧显示时长；
• 起始时间；
• 总帧数和总时长组成的 timing.json；
• 可按 1,3-5 这类范围选择要导出的帧。

拆帧检查能发现播放预览里容易忽略的问题：画布突然跳动、某帧方向不对、文字被裁、重复帧过多或单帧停留异常。图叮拆帧会处理常见的 GIF disposal 方式，输出的是合成后的完整画面，不只是局部差分块。

一份发布前检查清单

• 帧顺序与故事顺序一致；
• 所有图片方向正确，主体没有被裁掉；
• 完整显示或裁剪铺满的选择符合场景；
• 背景色不会让透明或浅色主体消失；
• 关键文字有足够阅读时间；
• 首尾循环不跳变；
• 体积符合目标平台限制；
• 拆帧后的帧数、时长和画面与预期一致；
• 最终上传平台没有再次压缩到不可用。

需要开始时，打开GIF 制作与拆帧工具，先用少量素材跑一版基线，再逐步增加帧和调整时间。高质量 GIF 的关键不是参数越多，而是每一帧都有用途、画布不变形、节奏能读懂，并且成品可以被反向拆解验证。