EasyLottie指南
Lottie 视频：2026 的实际工作原理
需要 Lottie 项目中的短片吗？ EasyLottie 将光栅帧与动画 JSON 打包在一起，并具有可选的纯色背景去除功能。尝试示例，检查导出的结果，并在播放器中进行测试。它不会将视频转换为可编辑的矢量。
Lottie 的视频实际上会产生什么？
EasyLottie 将短视频转换为图像序列 Lottie ZIP：光栅图像帧加上控制其时序的 JSON。 Lottie 可以包含矢量形状和图像层。此转换使用图像层；它不会重建设计师创建的可编辑路径。
当您的项目已经需要 Lottie 资源并且您想要保留短片的外观（可以选择删除纯色背景）时，请使用它。如果需要的是小型、无限可扩展的矢量动画，请从矢量图开始并重建运动。
EasyLottie 所创建的内容
Lottie 导出器当前将 WebP 图像帧和动画 JSON 存储在 ZIP 中。帧尺寸、质量、帧速率和任何背景去除都会影响结果。输出不是原始视频的无损重建，并且在放大时无法获得细节。
有用的起点是简短的 UI 记录、贴纸或具有一致绿色或纯色背景的产品剪辑。色度键删除选定的颜色；它不是任何场景的一般背景去除。细毛发、阴影、压缩伪影和接近主色调的颜色需要目视检查。
ZIP 是一个交付包。某些集成要求您解压缩它，在animations/main.json中加载动画JSON，并配置图像加载以解析存档根目录下的图像文件夹。测试目标运行时的准确输出；浏览器预览并不能证明每个移动或设计平台。
透明网页动画的最佳格式
如果您的真正目标是“网页上的透明动画”，那么 Lottie ZIP 只是四个合理输出之一。正确的选择取决于浏览器支持、透明度质量和文件大小。 EasyLottie 可以在本地导出所有四个，因此您可以在自己的剪辑上进行比较。
| 格式 | 透明度 | 集成检查 | 文件大小规则 | 使用时 |
|---|---|---|---|---|
| Lottie ZIP（光栅） | 逐帧透明通道 | 具有图像功能的播放器；保留资产路径 | 根据您的尺寸、帧率和质量进行测量 | 现有的 Lottie 工作流程需要剪辑 |
| 透明WebM | 支持时软 alpha | 检查导出可用性和目标 Alpha 播放 | 衡量实际出口 | 您的目标浏览器可以正确播放结果 |
| GIF | 仅二进制（1 位） | 测试目的地；有限的调色板 | 取决于调色板、框架和尺寸 | 简单运动需要GIF发货 |
| PNG序列 | 完整阿尔法 | 图像序列导入器或自定义播放器 | 取决于框架和尺寸 | 您需要单独的框架进行编辑 |
分步工作流程
转换、色度键和导出在本地运行，无需帐户。云同步、共享和支持示例提交是单独的操作，仅在您选择所选文件时才上传它们。
- 打开转换器并选择其样本，或选择短的 H.264 MP4。其他接受的输入包括与编解码器兼容的 MOV/WebM、GIF 和 PNG/JPG/WebP 图像文件或 ZIP 帧。
- 对于视频，选择有用的时间范围。对于 GIF 或图像序列，请在选择源之前准备范围。从 24 fps 处的小输出（例如 480 px）开始，然后检查实际结果。
- 除非您想删除纯色，否则请保留原始背景。对于抠像，对背景进行采样并检查浅色和深色背景上的容差、柔软度、去溢色和阻塞。
- 选择 Lottie ZIP 并进行转换。检查实际导出的预览、持续时间、尺寸和字节。如果结果需要更改，请返回设置并重试。
- 下载 ZIP 并在目标播放器中进行测试。离开前查看本地保存状态；在同一浏览器中重新打开工作区中保存的结果。在清除浏览器存储之前下载备份。
剪辑限制和有效帧速率
输入总计可达 100 MB。对于视频，选择最多 15 秒的输出，最多具有 450 帧和 1920 px 长边。这些是单独的上限，而不是综合保证：帧内存预算可能需要较低的分辨率或更少的帧。
该工具在限制帧计数时会保留选定的持续时间。例如，在 60 fps 处请求 15 秒会产生有效 30 fps 处的 450 帧，而不是默默地将剪辑切成两半。导出前检查有效帧速率。在选择之前，必须在工具外缩短超过 30 秒的 MP4/MOV 源文件。
重现合成示例并比较输出
下载下面三个输入装置之一，然后打开转换器以生成您自己的输出。对于移动动画，从四秒合成 UI 示例开始并保留原始背景。继承的绿屏文件在所有 96 帧中都是静态的；它仅用于检查背景去除。 15 第二移动测试模式检查 450 帧限制。
要匹配测量表，请设置 480 px 长边和质量 0.7，保留完整持续时间，然后选择 Lottie ZIP。将 24 fps 用于绿色和 UI 夹具，并请求 60 fps 用于应力夹具。仅为绿色测试素材选择绿色预设。所有三个输入都是合成的；他们不代表对客户镜头进行测试。
比较格式时保持相同的时间范围、尺寸、帧速率和键控设置。记录浏览器和版本、设备、选择的质量、输出帧数、文件字节、转换时间以及结果是否实际播放。比较浅色和深色背景的边缘伪影。单个小样本无法预测每个用户剪辑。
根据交付环境和测量结果来选择。光栅 Lottie 不保证小于 GIF 或 MP4。如果您不需要 Lottie 控件，则支持的视频输出可能更合适；在您支持的设备上检查其 Alpha 播放。
快速清单
- 首先决定：您需要真正的矢量，还是透明的网页剪辑？
- 对于可编辑矢量，从矢量图稿开始并重建运动。
- 对于 Web 剪辑，请比较 Lottie、ZIP、WebM、GIF 和 PNG 序列。
- 比较相同时间范围、尺寸、帧速率和关键设置下的实际字节数。
- 在您实际支持的浏览器中测试所选格式。
- 检查本地保存状态并保留下载的副本。
重现工作流程
使用这些本地示例文件重复本指南中描述的检查。在生产项目中使用该文件之前请先检查该文件。
测量结果：三个合成夹具
2026 年 9 月 9 日，使用本地开发服务器，在配备 18 GiB 内存的 Apple M3 Pro 上，以无头 Chrome 152.0.7977.83 运行真实转换器界面，每份测试素材各转换一次。统一导出为 Lottie ZIP，长边 480 px、质量 0.7、完整源时长。仅静态绿幕素材启用去绿幕，两份运动素材均保留原背景。
| 合成夹具 | 来源 MP4 | 测得 Lottie ZIP 输出 |
|---|---|---|
| 静态绿屏夹具 | 480 × 480 · 24 fps · 4 s · 4,785 字节 | 480 × 480 · 24 fps · 96 帧 · 4 s · 153,023 字节 |
| 移动 UI 夹具 | 640 × 360 · 24 fps · 4 s · 7,743 字节 | 480 × 270 · 24 fps · 96 帧 · 4 s · 187,773 字节 |
| 移动式60 fps应力夹具 | 320 × 180 · 60 fps · 15 s · 602,842 字节 | 480 × 270 · 有效 30 fps · 450 帧 · 15 s · 2,846,464 字节 |
所有三个结果均已在站点播放器中就绪，没有未捕获的浏览器错误。通过将请求的 60 fps 减少为有效的 30 fps，压力情况保留了所有 15 秒。这仅确认了该浏览器和站点播放器的兼容性，而不是外部本机播放器的兼容性。
绿色装置具有 96 相同的解码源帧。它演示了背景去除：导出的第一帧包含 193,436 完全透明的像素和可见的前景。它不展示运动保持。
独立源框架检查发现 96 框架 UI 夹具中存在 92 独特框架，应力夹具中发现 900 独特框架。两者都包含运动；使用 UI 文件进行运动到 Lottie 的演练。
这些是综合测试装置，而不是商业镜头或真实用户转化的平均值。每个测量的 ZIP 都大于其源 MP4。字节大小描述了这些确切的设置；它们不是压缩质量比较或一般性能承诺。
了解极限
- 视频输出为光栅图像序列Lottie。它不会恢复可编辑的矢量形状、丢失的细节或源中已丢失的颜色。
- Lottie ZIP是动画JSON和图像资源的存档，并不保证每个玩家都直接接受ZIP。需要时将其解压并保留相对图像路径。
- 转换和播放取决于浏览器编解码器和播放器支持。在源预览中播放的视频可能仍然无法用于帧解码器。 HEVC/H.265 没有承诺自动回退。
- 较短的剪辑、较小的输出尺寸和较少的帧可以减少资源使用。与原始 MP4、GIF 或 WebM 相比，不保证文件大小有优势。
- 本地工作区存储属于该浏览器。保存的结果不是源视频或完全可编辑的转换项目；保留下载的副本。
如果你的结果不同
- 1.从可下载的 H.264 示例或转换器中的示例按钮开始检查本地转换路径。
- 2.如果您的 MP4 或 MOV 无法解码，请将其重新导出为 H.264 MP4。将 .mov 重命名为 .mp4 不会更改编解码器。
- 3.如果达到帧或内存预算，请在选择源之前缩短源、降低输出尺寸或降低帧速率。检查该工具显示的有效帧速率。
- 4.如果转换失败，请读取错误，调整保留的设置，然后重试。如果导出后本地保存失败，请在结果仍然可用时下载结果。
- 5.如果导出的动画在您的项目中看起来不正确，请在 EasyLottie 预览中测试完整的 ZIP，然后验证目标运行时的图像支持和资源路径。
常见问题
MP4 到 Lottie 是真正的矢量转换吗？
不需要。此转换器将光栅图像帧和动画 JSON 封装在 ZIP 中。它不会从视频创建可编辑的矢量形状。
我可以去除 AI 视频中的绿屏吗？
是的。该转换器具有内置色度键，具有容差、柔和度、去溢色和抑制控制功能，因此 AI 绿屏剪辑可以在浏览器中与透明度相匹配。
我的视频上传了吗？
转换在本地运行，无需上传源。选择云同步、共享或支持示例提交会上传该操作的选定文件。
我应该导出哪种格式？
当运行时支持图像资源时使用 Lottie ZIP，对于单独的全 Alpha 帧使用 PNG，当二进制透明度足够时使用 GIF，或者在测试 Alpha 播放后使用 WebM。比较实际字节；没有通用的最小格式。
它适用于 Safari 吗？
输入解码、导出可用性和输出播放是单独的检查。首先在浏览器中尝试该示例；如果您的源编解码器失败，请将其重新导出为 H.264 MP4。在您计划支持的播放器和浏览器中测试下载的结果。
下次可以重新查看结果吗？
如果本地保存成功，Workspace 可以在同一浏览器中重新打开导出的结果。它不会将源视频恢复为可编辑项目，并且可以清除浏览器存储。保留下载的副本。