Lottie 查看器

在浏览器中预览 Lottie JSON 和 .lottie 动画。检查速度、循环、帧和尺寸,更换背景并将帧保存为 PNG。无需上传。

  • 在浏览器中本地处理
  • 免费,无需注册
正在加载工具…

关于Lottie 查看器

Lottie 查看器无需 After Effects 或项目配置,就能在本页直接播放 Lottie 动画。拖入 JSON 或 .lottie 文件后立即开始播放。

在发布前检查动画:逐帧查看,尝试不同的速度和背景,并查看尺寸、帧率、时长和图层数量。文件保留在浏览器中,绝不会上传。

如何使用Lottie 查看器

  1. 将 .json 或 .lottie 文件拖到页面上,或选择选择 Lottie 文件。
  2. 播放、暂停、循环、调整速度,或拖动浏览各帧。
  3. 选择背景色,如需静态图片,再选择下载当前帧为 PNG。

功能

  • 可播放最大 50 MB 的 Lottie JSON 和 .lottie 文件。
  • 逐帧时间轴,支持循环和 0.25× 至 2× 速度。
  • 透明、白色、黑色或自定义背景。
  • 显示尺寸、时长、帧率、帧数、图层、图片和 Lottie 版本。
  • 将当前帧保存为保留透明度的 PNG。

常见用途

  • 在加入应用或网站之前检查设计师提供的动画。
  • 查看动画在浅色和深色背景上的效果。
  • 了解收到的文件的尺寸和时长。

常见问题

什么是 Lottie 文件?

Lottie 文件以数据形式描述矢量动画,通常通过 Bodymovin 插件从 After Effects 导出。它可以是 JSON 文件,也可以是压缩的 .lottie 文件,后者还能包含图片和多个动画。

我的动画会被上传吗?

不会。文件在您设备的浏览器中读取和播放。不会向服务器发送任何内容,也无需账户。

为什么动画在这里看起来不一样?

并非所有播放器都支持相同的功能。部分 After Effects 表达式和效果的播放方式可能不同,因此重要的动画请同时在目标应用中检查。

可以将 Lottie 转换为 GIF 或 MP4 吗?

暂时不能。此工具用于播放和检查动画,并将单帧保存为 PNG。如果 .lottie 文件包含多个动画,它会播放第一个并显示总数。

我的输入会被上传吗?

工具在你的浏览器中运行。文件、文本和结果不会上传到我们的服务器,离开工具时即被清除。

隐私至上

工具在你的浏览器中运行。文件、文本和结果不会上传到我们的服务器,离开工具时即被清除。

寻找下一个工具
↑ ↓ · Enter ↵Esc · 关闭搜索