在线 GIF 动图制作

把一组图片做成 GIF 动图，顺序、时间、尺寸、颜色和循环方式都由你决定——在你的浏览器中生成，图片绝不会离开你的设备。

图片在这个标签页中解码、排版和压缩，做好的 GIF 是在你的设备上生成的文件。不会上传任何内容。

打开视频转 GIF

关于 GIF 动图制作

GIF 动图制作把一组图片拼成动画，可以直接放进聊天、README 或邮件里。你可以通过拖入、一次选择多个文件或粘贴来添加图片，再在帧条里把它们排成想要的顺序。每一帧可以沿用统一的帧延迟，也可以有自己的延迟；输出尺寸沿用第一张图片的宽高比，其余图片则在不拉伸的前提下放进这个画面里。你可以选择播放多少次、最多使用多少种颜色、是否启用抖动，以及是倒着播放还是来回播放。在真正编码之前，实时预览会按实际的帧时间播放。GIF 本身使用一份共用的调色板构建，逐帧压缩，并在提供下载时附上它的大小、帧数和时长。

功能特性

• 可通过拖入、一次选择多个文件或粘贴来添加图片，并可调整帧的顺序、复制或删除帧
• 统一的帧延迟，可按毫秒或每秒帧数设置，另可为单独某一帧覆盖设置
• 输出宽度最大 1000 px，宽高比取自第一帧
• 可一直循环或循环指定次数，并提供「Reverse order」和「Ping-pong」
• 256、128、64 或 32 种颜色，可选抖动来掩盖色带
• 可设背景色，或为带透明区域的图片生成透明 GIF
• 生成文件之前，实时预览按真实的帧延迟播放
• 拖入的 GIF 动图会被逐帧拆开，方便你重新设定时间或倒放

如何使用 GIF 动图制作

1. 拖入或粘贴你的图片，然后用箭头按钮把各帧排成想要的顺序
2. 设置帧延迟或每秒帧数、输出宽度、循环方式和颜色数量
3. 观看预览，按需调整任意单独一帧的延迟，然后点击「Create GIF」
4. 查看大小和帧数，然后下载完成的 .gif 文件

示例

输入

6 pictures · 480 px wide · 100 ms a frame · loop forever · 256 colours with dithering

输出

6 frames · 480×320 · 100 ms · loop forever → 842 KB

典型的幻灯片式 GIF：6 张照片，每张停留十分之一秒，永远循环播放。

常见错误与故障排除

• GIF 比预想的大得多。 — 文件大小会随宽度、高度和帧数增加。请选择更窄的输出宽度，改用 128 或 64 种颜色，关闭抖动，或者减少帧数。照片是最糟的情况；色块平整的图稿压缩效果好得多。
• 颜色出现色带或杂点。 — GIF 最多只能容纳 256 种颜色。开启抖动可以让渐变更平滑，代价是文件更大；关闭抖动则能让色块保持干净，文件也更小。
• 动画播放得比我设置的延迟更慢。 — GIF 以百分之一秒为单位存储时间，而浏览器会把短于 20 ms 的帧按 100 ms 播放。请使用 20 ms 或更大的值，也就是最多约每秒 50 帧。
• 有些帧周围出现了空白边条。 — 形状与第一帧不同的图片会在不拉伸的前提下放进画面里，所以多出的区域会显示背景色。请把形状符合你要求的那张图片放在第一位，或把其他图片裁成相同的形状。

常见问题

GIF 最多能用多少种颜色，这对照片意味着什么？

GIF 的调色板最多容纳 256 种颜色，在这里由所有帧共用。一张照片有数以千计的色调，所以平滑的天空和皮肤可能出现色带，或带有颗粒感的抖动。色块平整的 Logo、截图和绘图则几乎看不出变化。

怎样缩小 GIF 动图制作生成的 GIF 文件？

最大的节省来自更窄的宽度，其次是更少的帧数，再次是更少的颜色。关闭抖动也有帮助，因为抖动产生的点阵很难压缩。工具会显示最终大小，并在结果大约超过 10 MB 时发出警告。

在 GIF 动图制作里，帧延迟和每秒帧数（fps）有什么区别？

它们是用两种方式描述同一件事。100 ms 的延迟等于每秒 10 帧，40 ms 则等于每秒 25 帧。哪个更好理解就用哪个，另一个会显示在旁边。当某一帧需要多停留一会儿时，可以单独覆盖统一的延迟。

GIF 的循环设置是怎么工作的？怎样让它只播放一次？

「Loop forever」会一直重复，直到页面关闭。「Play N times」在播放那么多次后停止；填 1 则会写出不带重复指令的 GIF，于是它只播放一次，并停在最后一帧。「Reverse order」和「Ping-pong」会改变各帧的播放顺序。

GIF 动图制作能生成透明的 GIF 吗？

能。打开「Transparent」，图片里基本透明的像素在 GIF 里仍然透明。GIF 的透明是逐像素的开或关，所以柔和的边缘会被切成硬边，并且会为透明留出一个调色板位置。

用图片做成 GIF 好，还是做成视频好？

GIF 无需播放器就能在任何地方播放，但体积大，而且只限 256 种颜色。对于动作很多或时间很长的片段，视频要小得多。如果你已经有一段视频，“视频转 GIF”工具可以从中截取一段。

相关工具

• 视频转 GIF — 在浏览器中把视频的一段片段转换为优化过的动画 GIF，不上传任何内容。
• GIF 转视频 — 在浏览器中把动画 GIF 转换为 MP4 或 WebM，体积更小且便于分享。
• 图片尺寸调整 — 按像素、百分比、预设尺寸或最长边调整照片大小，支持批量处理，可打包成 ZIP 下载。
• 图片合并工具 — 把图片横排、竖排或按网格拼接。
• 图片格式转换工具 — 在浏览器中完整地在 PNG、JPEG 和 WebP 之间转换图片。
• 图片优化工具 — 重新编码并缩小图片（JPEG/WebP/PNG），可选调整尺寸。
• sprite sheet CSS 动画生成器 — 把 sprite sheet 转成带实时预览的 CSS steps() 动画。

更多图片工具

• 图片优化工具 — 重新编码并缩小图片（JPEG/WebP/PNG），可选调整尺寸。
• 图片格式转换工具 — 在浏览器中完整地在 PNG、JPEG 和 WebP 之间转换图片。
• EXIF 查看与移除工具 — 查看并移除照片中的 EXIF 元数据（含 GPS）；不上传任何内容。
• Base64 图片编码器 / 解码器 — 将图片转换为带 HTML 和 CSS 片段的 Base64 Data URI，或将 Data URI 解码为可下载的图片。
• 应用图标生成器 — 将一张图片转换为所有 iOS、macOS 和 Android 应用图标尺寸——打包为 ZIP，在您的浏览器中完成。
• sprite sheet CSS 动画生成器 — 把 sprite sheet 转成带实时预览的 CSS steps() 动画。
• SVG 转 PNG 转换器 — 在浏览器中把 SVG 标记或 .svg 文件以任意比例栅格化为清晰的 PNG 或 JPG。
• 图片取色器 — 在浏览器中从图片取任意像素的 HEX、RGB 和 HSL 颜色值。
• 颜色格式转换器 — 把任意 CSS 颜色转换为 HEX、RGB、OKLCH 等
• 条形码生成器 — 生成 EAN、UPC、Code 128 条形码并导出 SVG 或 PNG
• 图片配色提取器 — 从图片提取主色与配色，导出 HEX、RGB、HSL、CSS 与 Tailwind。
• 图片翻转与旋转 — 在浏览器中旋转和翻转图片
• 图片裁剪 — 自由区域或固定比例裁剪，全分辨率下载。
• 图片水印 — 文字或Logo，定位或平铺，可调透明度与旋转。
• 图片打码 — 把截图局部永久模糊、马赛克或涂黑。
• 图片圆角工具 — 裁成圆角矩形或圆形，导出透明PNG。
• 色盲模拟器 — 查看图片在红色盲或绿色盲眼中的样子。
• 图片DPI修改器 — 在不重新压缩像素的情况下设置PNG或JPEG的DPI。
• BlurHash 生成器 — 编码与解码模糊的图片占位符。
• 占位图生成器 — 任意尺寸的 SVG、PNG 或 data URI 占位图。
• ASCII 字符画生成器 — 以可调对比度把图片转成 ASCII 字符画。
• 图片滤镜 — 应用灰度、棕褐色、对比度、模糊等效果，导出 PNG 和 CSS。
• 图片分割工具 — 把图片切成网格小块，并打包成 ZIP 下载。
• 图片合并工具 — 把图片横排、竖排或按网格拼接。

查看全部图片工具 (35) · 全部工具