返回工具列表

Lottie 动画包

GIF 转 Lottie

将一个或多个动态 GIF 同时转换为 .lottie 动画包和独立可用的 Lottie JSON,保留帧时长与透明背景,并在浏览器本地完成全部处理。

GIF 仅在当前浏览器中处理。

  • 默认同时生成两种格式
  • 保留帧时长
  • 保留透明背景

正在加载工具...

使用方法

将 GIF 转为 .lottie 和 Lottie JSON

无需上传文件,在浏览器中生成两种 Lottie 格式。

01

选择一个或多个动态 GIF。

02

在浏览器中为每个 GIF 生成 .lottie 动画包和独立 JSON。

03

预览完成的 Lottie 动画,单独下载或打包 ZIP 下载。

两种可直接使用的格式

每个 GIF 默认生成压缩的 .lottie 动画包和独立可用的 JSON 文件。

保留透明帧

GIF 中的透明像素会保留在生成的帧资源中。

不承诺矢量化

普通 GIF 是位图动画。转换结果用于在 Lottie 中播放视觉帧,不会自动变成可编辑的矢量路径。

格式说明

GIF 转 Lottie 会生成什么

两种结果保留相同的位图帧、透明度和动画时间,不会把位图作品变成可编辑矢量路径。

.lottie 动画包

.lottie 会将动画 JSON 和 PNG 帧资源压缩到一个文件中,更适合支持 dotLottie 的 Web、React、iOS 和 Android Runtime。

独立 Lottie JSON

JSON 会把每个 PNG 帧以内嵌 Base64 数据保存,不需要额外的 images 目录,适合只接收 JSON 的 Runtime;但它通常比压缩后的 .lottie 更大。

位图 Lottie,不是矢量描摹

GIF 由位图帧组成。本工具把这些帧放到 Lottie 时间轴上,不会将文字、图标或画面重新绘制为可编辑矢量形状。

什么时候使用其他格式

需要浏览器图片格式时可选择 WebP 或 APNG;用于社交平台和视频编辑器时可选择视频;当项目或 Runtime 明确需要 .lottie 或 Lottie JSON 时再选择 Lottie。

把结果继续送到其他工具

如果当前结果还需要继续压缩、录制来源视频、去背景或做批量处理,可以直接从这里进入下一步工具。

动画 PNG

GIF 转 APNG

将一个或多个动态 GIF 转为 APNG 动图,保留动画时间和透明区域,文件在浏览器本地处理。

GIF 转 APNG

动态 WebP

GIF 转 WebP

将一个或多个动态 GIF 转为 WebP,可设置有损或无损质量,并保留动画和透明区域。

GIF 转 WebP

视频导出

GIF 转视频

在浏览器本地将动态 GIF 转为 MP4、WebM 或 MOV 视频,并可设置目标视频时长。

GIF 转视频

常见问题

关于 GIF 转 Lottie

了解兼容性、矢量化、透明度与文件大小。

会把 GIF 变成可编辑的矢量动画吗?

不会。普通 GIF 由位图帧组成,生成的 .lottie 会保留这些帧及其时间,而不是声称重新创建可编辑的矢量路径。

会保留透明背景吗?

会。转换器将 GIF 中的透明像素保留为 .lottie 内 PNG 帧资源。

.lottie 一定比 GIF 小吗?

不一定。文件大小取决于源 GIF 的分辨率、帧数、颜色和透明区域。目标是提供可用的 Lottie 交付格式,而非保证缩小文件。

可以一次转换多个 GIF 吗?

可以。可添加多个 GIF 并在浏览器中依次处理,实际可处理量取决于设备内存和浏览器可用存储空间。

GIF 转 Lottie 和 GIF 转 Lottie JSON 一样吗?

两者使用相同的 Lottie 时间轴和 PNG 帧。.lottie 会压缩保存 JSON 与帧,独立 JSON 则以内嵌 Base64 保存每一帧,因此通常更大。

哪些 Lottie 播放器可以打开结果?

.lottie 可用于支持 dotLottie 的 Web、React、iOS 或 Android Runtime;独立 JSON 需要目标 Lottie Runtime 支持内嵌图像资源,接入前应确认播放器的图像兼容性。

什么时候应该改用 WebP、APNG 或视频?

需要浏览器动图时可使用 WebP 或 APNG,用于社交平台或视频编辑器时可使用视频;项目明确接收 .lottie 或 Lottie JSON 时再选择 Lottie。

文件会上传到服务器吗?

不会。GIF 解码、帧生成、打包和预览都在当前浏览器中完成。