多张 PNG 转 GIF

在浏览器中将多张 PNG 合成为动画 GIF。可调整帧顺序与延迟,并立即下载。

作者 Calvin Sun

点击选择 PNG 文件

或将多张 PNG 拖放到此处

动画设置

毫秒

请输入 20 到 10000 之间的毫秒值。

每一帧显示多久后再切换到下一帧。可选择预设,或选「自定义」手动输入。

GIF 只支持二值透明。选择「保留透明」可尽量保留镂空区域;选择「纯色填充」则用指定颜色填满透明区域。

#ffffff

半透明边缘会先垫到该颜色上,再应用二值透明,有助于减少黑边或脏边。

采样间隔越小细节越多,但文件可能更大、编码更慢。

第一次播放之后还要重复多少次。「无限」会一直循环。

遵循 gif.js:0 表示无限。自定义时请输入首次播放后的额外重复次数(0–100)。

关于多张 PNG 转 GIF

  • 将两张及以上 PNG 合成为可循环播放的动画 GIF
  • 转换前可调整帧顺序,精确控制动画序列
  • 可自定义透明度处理、背景填充色、画质与循环次数
  • 尺寸不同的 PNG 会按第一帧等比缩放;全部在浏览器本地处理

什么是多张 PNG 转 GIF?

多张 PNG 转 GIF 会把一组 PNG 静图变成一条动画 GIF。适合你已经有分帧导出,并想快速得到可分享的循环动画:

"The Graphics Interchange Format defines a protocol intended for the on-line transmission and interchange of raster graphic data." W3C GIF89a 规范
  • 用设计导出稿或分镜静帧制作 GIF
  • 编码前自由调整帧顺序
  • 设置统一延迟,保证节奏一致
  • 在浏览器本地处理,保护隐私
  • 下载可直接分享的动画 GIF

与视频转 GIF 不同,这个流程从单张 PNG 帧开始,让你精确控制动画中的每一帧。

PNG 帧如何变成 GIF

转换在本地按以下流程完成:

"PNG is an extensible file format for the lossless, portable, well-compressed storage of raster images. PNG provides a patent-free replacement for GIF and can also replace many common uses of TIFF." W3C Portable Network Graphics (PNG) 规范
  • 上传: 按你想要的顺序选择两张及以上 PNG。
  • 归一化: 以第一张图尺寸为准,后续帧等比缩放并居中。
  • 定时: 为每一帧应用你选择的延迟,保证播放速度一致。
  • 透明度: 可保留二值透明,或用自定义背景色填充透明区域;柔边会使用你设置的垫色。
  • 编码: 按你选择的画质与循环设置,在浏览器端把帧组装成动画 GIF。
  • 下载: 预览结果并把 GIF 保存到本地。

PNG 适合无损静图,GIF 适合短动画互换;本工具把两者连接起来,方便制作网页友好的动画。

什么时候适合用多张 PNG 转 GIF

常见使用场景包括:

  • UI 动效示意: 把导出的界面状态 PNG 做成短循环演示。
  • 像素动画: 把手绘 PNG 帧组装成经典 GIF 循环。
  • 产品预览: 用多角度产品图做成轻量动画 GIF。
  • 教程步骤: 把说明静帧合成快速可视化流程。
  • 社交分享: 制作可在消息应用和论坛广泛传播的简单 GIF。

如果你已经有 PNG 分帧,直接转 GIF 通常比从完整视频编辑器重新导出更快。

获得更清晰 GIF 的小技巧

下面这些实践有助于让 GIF 更清晰、体积更可控:

  • 尽量使用相同画布尺寸的 PNG
  • 面向网页分享时控制帧数不要过多
  • 选择匹配动作节奏的帧延迟
  • 需要叠图时选「保留透明」,需要不透明结果时选「纯色填充」
  • 垫色尽量接近 GIF 最终放置的背景,可减少边缘脏色
  • 细节多时选高画质;追求速度与体积时选低画质
  • 颜色更简单时,GIF 调色板通常更小
  • 转换前先排好帧顺序,减少返工

从准备良好的 PNG 帧起步,通常比先从低质量视频转换得到的 GIF 更清晰。

常见问题 - 多张 PNG 转 GIF

什么是多张 PNG 转 GIF?

多张 PNG 转 GIF 会把一组 PNG 静图合成为一条动画 GIF。每张 PNG 对应一帧,按你设定的顺序与延迟播放。

我需要上传多少张 PNG?

至少需要两张 PNG。帧数越多,动画越长。你可以一次上传多张,再在转换前调整顺序。

如果 PNG 尺寸不一致会怎样?

第一张 PNG 决定 GIF 画布尺寸。后续帧会等比缩放并居中绘制到透明背景上,保证所有帧尺寸一致。

我可以控制 GIF 播放速度吗?

可以。可选择预设延迟(100、200、500 或 1000 毫秒),或选「自定义」手动输入 20 到 10000 毫秒之间的任意值。延迟越短动画越快,延迟越长动画越慢。

我的图片会上传到服务器吗?

不会。OmniGIF 采用私密的浏览器本地处理:不上传、无水印,PNG 文件不会离开你的设备。

PNG 透明度会保留到 GIF 吗?

选择「保留透明」时会尽量保留镂空区域。GIF 只支持二值透明,柔和的 PNG Alpha 会结合垫色做近似。若需要不透明结果,可改选「纯色背景填充」并指定填充色。

背景 / 垫色选项有什么作用?

在「纯色填充」模式下,透明区域与留白会填成你选的颜色。在「保留透明」模式下,半透明边缘会先垫到该颜色上再写入透明键,有助于减少发黑或脏边。

可以控制 GIF 画质和循环吗?

可以。画质预设会在细节、体积与速度之间取舍。循环可选无限、只播一次、播放 3 次,或自定义额外循环次数。

上传后还能调整帧顺序吗?

可以。在每张缩略图上使用上移 / 下移按钮,在生成 GIF 前设定动画顺序。

文件大小有限制吗?

每张 PNG 必须小于 10MB。帧数很多或分辨率很高时,生成的 GIF 可能更大,浏览器编码也会更慢。

多张PNG转GIF - 在线合成动画GIF