并排对比 Lottie 动画

加载两个 Lottie JSON 动画,同步播放,直观检查差异。

对比动画在浏览器中处理

动画 A

尚未加载动画

在这里载入动画

拖入 JSON 文件,或点击下方选择。

Lottie JSON · 最大 20 MB

动画 B

尚未加载动画

在这里载入动画

拖入 JSON 文件,或点击下方选择。

Lottie JSON · 最大 20 MB
画布背景
倍率
00:00.00 / 00:00.00

 

如何对比 Lottie 动画

  1. 1

    加载两个动画

    通过 URL、粘贴 JSON 或上传文件,在左右两侧分别加载动画。

  2. 2

    在同一时间轴上检查

    播放、暂停、调节速度或拖动时间轴,查看两份动画在同一时刻的效果。

  3. 3

    分享对比结果

    复制包含两个公开可访问 Lottie URL 的链接,方便其他人查看同一组动画。

常见问题

可以对比帧率不同的动画吗?

可以。即使帧率或时长不同,两份动画仍使用同一真实时间轴。

我的 JSON 文件会上传到服务器吗?

不会。粘贴和上传的 JSON 在浏览器中处理;远程 URL 则由浏览器直接向资源所在服务器请求。

为什么我的 Lottie URL 无法加载?

资源服务器可能阻止跨域请求,或资源本身不可用。可以尝试下载 JSON 后从本地上传。

更多问题
Lottie Diff 会自动检测差异吗?

不会。Lottie Diff 让你在同步时间轴上通过肉眼检查两份动画。

可以分享本地上传的动画吗?

暂时不行。完整可分享的对比需要使用可远程访问的 Lottie JSON URL。

如果两个动画时长不同会怎样?

两个动画同时从起点播放。较短的动画结束后停在最后一帧,较长的动画继续播放。

支持哪些文件?

支持最大 20 MB 的标准 Lottie JSON,暂不支持 .lottie 压缩包和脚本表达式。部分外部资源及 AE 特效可能不可用。