先用四张图片构建示例，然后根据您自己的照片序列调整顺序、帧持续时间和画布。 打开 GIF 制作工具.
选择图像并排列帧序列
打开 GIF Maker 并选择“图像”。上传您的图片或选择“尝试示例”。常见的输入格式包括 JPG、PNG、WebP 和 GIF；上传表单列出了其他支持的格式。一批最多可包含 50 个文件，每张图片限制为 25 MB，并有整体处理限制。
此示例使用“尝试示例”加载 gif-orbit-01.webp 到 gif-orbit-04.webp。每个原始图像为 640 × 640 像素，四张图片显示了同一轨道场景中的不同位置。保持它们的原始顺序以获得预期的结果。
帧卡片位于预览上方。拖动卡片以更改其位置，或选中它并使用设置面板中的“向前移动”或“向后移动”。键盘用户可以使用箭头键选择卡片，并使用 Alt 加箭头键进行重新排序。“预览上方播放”可检查当前序列。
“复制”可添加所选帧的副本。“移除”可从序列中删除一帧，但至少会保留一帧。“撤销”和“重做”可恢复最近的编辑；添加或移除源文件会启动一个新的文件集并重置编辑历史记录。当序列需要更多图片时，请使用“添加图片”。
使用具有清晰演变过程的相关图片。简单的序列比许多不相关的照片快速切换更容易让人理解。
设置每帧的持续时间并选择转场效果
选择一帧并设置“持续时间”（秒）。每个源帧支持的范围是 0.02 到 10 秒。“将此持续时间应用于所有帧”可为每一帧设置相同的计时。对于带有标题或详细最终照片的幻灯片，请让该帧的显示时间比其他帧更长。
对于本示例，将每个“持续时间”保持在 0.65 秒。“尝试示例”会自动设置此值；使用您自己的图片时，请为一帧输入 0.65，然后选择“将此持续时间应用于所有帧”。在“转场”下选择“柔和淡入淡出”，并将“转场时间”设置为 0.20 秒或 200 毫秒。
打开“文本与导出质量”，并将“转场步数”保持在 4。每次淡入淡出都会增加四个中间帧。对于四个原始帧、四个循环淡入淡出、正向播放和无限重复，此示例包含 20 个渲染帧。四个 0.65 秒的停留加上四个 0.20 秒的淡入淡出构成了一个 3.4 秒的周期。
“清晰剪切”可在图片之间直接切换，而不添加转场帧。“向左滑动”使下一张图片滑过画布。更多的转场步数可以使转场更平滑，但会占用更多的 200 帧导出预算。当所选序列和效果超过该限制时，编辑器会发出提示。
“正向”按顺序播放序列，“反向”倒序播放，而“回弹”则在序列中往返，不会重复两个端点帧。“循环”可选择无限重复或固定播放次数。对于本示例，请保持“正向”和“无限重复”。
“持续时间”是转场前的停留时间；“转场时间”会叠加在上面。当启用了淡入淡出时，四张 0.65 秒的照片并不会构成一个 2.6 秒的循环。
本指南中的示例
四张示例图像按原始顺序排列；每帧 0.65 秒；正向播放；无限循环；柔和淡入淡出；0.20 秒过渡时间；4 个过渡步骤；正方形 640 × 640 像素；显示完整图像；以 100% 缩放居中；第一帧标题“Made to loop.”；底部；32 像素；白色；256 种颜色；已启用平滑颜色渐变和优化文件大小。
- 源图像
- 4 个 WebP · 每个 640 × 640 像素
- 帧计时
- 0.65 秒停留 + 0.20 秒淡入淡出
- 已下载 GIF
- 640 × 640 像素 · 20 帧
- 动画循环
- 3.4 秒 · 无限循环
选择画布、重新调整图片框架并添加标题
在“画布与背景”下，本示例选择“正方形 · 1:1”，并将“宽度”和“高度”保持在 640 像素。其他预设包括“肖像”、“故事”、“风景”和“宽屏”。“匹配第一张图片”从第一张图片的形状开始，而“自定义尺寸”接受每边 16 到 1600 像素的尺寸，具体取决于动画的总处理限制。
“图片适配”提供“显示完整图片”和“填充画布”。以 100% 缩放比例“显示完整图片”可保留所有源边缘，并可能在形状不同的图片周围留下背景。“填充画布”会覆盖输出区域，并可能裁剪边缘。将“背景”设置为所需的填充颜色，或在目标需要时启用“透明背景”。
选择一帧以独立更改其框架。拖动预览或更改“缩放”，使用“向左”或“向右”进行 90 度旋转，或使用“翻转”进行镜像。重置帧会将该帧恢复为居中、未旋转且缩放比例为 100% 的状态。本示例将所有四张原始正方形图片保持居中，并使用“显示完整图片”。
选择第一帧并在“标题”中输入“Made to loop.”。将其他三个标题留空。在“文本与导出质量”下，将“标题位置”保持在“底部”，标题大小为 32 像素，标题颜色为白色。标题属于单个帧；选择另一帧即可编写不同的文字。本示例的第一个标题会随其所在帧一起淡出。
将 GIF 颜色保持在 256 · 更多细节，并为最终结果启用“平滑颜色渐变”和“优化文件大小”。较低的颜色数量可以使文件更轻量，但可能会改变细微的色调。“平滑颜色渐变”使用抖动技术，可以在增加可见细微图案的同时柔化色带。
更改画布形状后检查每一帧。适合一张图片的构图可能会裁剪另一张图片中的主体。增加输出尺寸无法恢复小尺寸源文件中缺失的细节。
创建 GIF 并查看下载的动画
播放预览并观看完整周期，包括从最后一帧返回到第一帧的过程。检查标题是否保持可见足够长的时间，裁剪是否一致，以及是否有帧看起来过于仓促。当序列准备就绪时，选择“创建 GIF”；服务器将根据上传的原始文件渲染最终动画。
本示例下载的 animation.gif 大小为 640 × 640 像素。实际输出有 20 帧，一个 3.4 秒的周期和无限循环。上面的对比显示了作为联系表打印的四张原始图片，以及下载的 GIF 的实际第一帧，包括添加的“Made to loop.”标题。
文章中的图片仍为预览，而非动画播放器。在支持动画的应用程序中打开下载的 GIF 以检查计时和循环。看起来平滑的预览在 GIF 调色板转换后仍可能出现颜色变化，因此在分享前请检查保存的结果。
若要获得更小的结果，请尝试减少源帧数、缩短转场时间、减少转场步数、缩小画布或降低 GIF 颜色值。仅缩短停留时间不会移除图片帧，因此它可能会改变节奏，但不会显著减小文件大小。
在刷新或离开前下载。刷新编辑器或下载页面会返回到主工具页面。请保留您的原始图片，因为导出的 GIF 是扁平化的动画，而不是包含可编辑源控件的项目文件。
静态图片查看器可能只显示第一帧 GIF。在得出动画缺失的结论之前，请在浏览器或其他支持动画的查看器中测试该文件。
常见问题
我可以将 JPG 和 PNG 图像一起制作成 GIF 吗？
可以。图像模式可以在一个序列中组合受支持的图像格式。每个输入都会成为一个或多个时间轴帧。选择一个共享的画布尺寸并检查每张图像的适配情况。
每张图像可以保持不同的显示时间吗？
可以。选择一帧并更改“持续时间”。“将此持续时间应用于所有帧”是可选的；当图片需要不同的停留时间时，请勿勾选此项。
为什么 GIF 的帧数比照片数量多？
“柔和淡入淡出”和“向左滑动”会插入过渡帧，“弹跳”会添加返回序列。上传的动画文件也可能包含多个帧。200 帧限制适用于渲染后的动画，而不仅仅是上传的照片数量。
我可以为每张图像添加不同的标题吗？
可以。标题应用于选定的帧。选择每一帧以输入其文本。标题位置、大小和颜色是动画的共享样式控件。
GIF 可以有透明背景吗？
可以。在“画布与背景”下启用“透明背景”。GIF 支持完全透明的像素，而不是 PNG 风格的平滑半透明效果，因此柔和边缘可能会发生变化。请根据预期的背景检查下载结果。
为什么照片的某些边缘缺失了？
“填充画布”和额外的“缩放”可能会裁剪源图像边缘。要保留完整图片，请选择“显示完整图像”，将缩放设置为 100% 并使用居中构图。不同的画布形状可能会在其周围留下可见的背景。
让 GIF 播放得更快会减小文件大小吗？
不一定。较短的停留时间会改变计时，但帧数保持不变。减小尺寸、渲染帧数或颜色数量通常对文件大小有更直接的影响。
所有图像都是在我的浏览器中处理的吗？
不是。浏览器显示交互式合成，但帧预览和最终 GIF 编码使用服务器处理。最终文件是根据上传的原始文件和所选设置渲染的。
将您的图片变成具有清晰节奏的循环
尝试示例或使用您自己的文件，并在分享前检查结果。
