EasyLottie指南
MP4 可以转换为矢量 Lottie 吗?
一个令人困惑的问题的明确答案:MP4 无法自动转换为真实向量 Lottie。这就是原因,以及实际存在的现实选择。


简短而诚实的答案
没有工具可以可靠地将任意 MP4 自动转换为真正的向量 Lottie。 Vector Lottie 将形状和关键帧存储为数学; MP4 存储像素。对于一般素材来说,将像素转换回干净、可编辑的矢量形状并不是一个已解决的问题,任何承诺为任何视频提供此功能的产品都在过度销售。
这很重要,因为“矢量”是人们想要 Lottie 的全部原因:小文件、无限缩放、可编辑颜色。如果您从视频像素开始,您将无法免费获得这些属性 - 您必须选择手动重建为矢量或接受基于光栅的文件。
真实矢量 Lottie 与光栅帧 Lottie
人们称之为“视频到Lottie”有两种,区别就是一切。真实矢量 Lottie 是根据形状创作的。光栅帧 Lottie 是一个 Lottie 文件,其“动画”是一系列位图图像 - 它在 Lottie 运行时中播放,但内部是像素,而不是矢量。
| 财产 | 真正的矢量 Lottie | 光栅帧 Lottie(来自视频) |
|---|---|---|
| 来源 | 创作于 AE / Rive / LottieLab | 框架来自 MP4 / MOV / GIF / 图片 |
| 文件大小 | 小 (KB) | 更大(帧加起来) |
| 缩放 | 无限、清脆 | 升级时会变软 |
| 可编辑的颜色/形状 | 是 | 否(这是烘焙像素) |
| 从任何视频自动? | 否 | 是的 - 这就是转换器所做的 |
| 保持精确的镜头外观 | 只要仔细重画 | 是的,逐像素 |
该怎么办
如果您需要真正的矢量动画,请预算重建它。运动设计师可以在 After Effects(使用 Bodymovin)、Rive 或 LottieLab 中重新创建运动,并导出真实的矢量 Lottie。这是获得小型、可扩展、可编辑文件的唯一路径。
如果您只需要在网络上以透明度播放剪辑,请使用光栅帧导出,而不必担心“矢量”一词。 EasyLottie 可以将您的视频包装为透明的 Lottie ZIP,或导出透明的 WebM、GIF 或 PNG 序列 - 全部在本地完成。根据您的播放器和目标浏览器进行选择。
- 需要无限缩放+小尺寸+可编辑性?在 AE / Rive / LottieLab 中重建为矢量。
- 需要网络上带有 Alpha 的精确镜头吗?导出栅格 Lottie ZIP 或 WebM。
- 不确定?从浏览器转换器开始,比较您自己的剪辑的格式。
快速清单
- 接受任意 MP4 不能自动成为向量 Lottie。
- 根据您的实际需要选择矢量(重建)或光栅(包裹)。
- 对于光栅网页剪辑,请比较 Lottie、ZIP、WebM、GIF 和 PNG 序列。
- 保持剪辑简短以使光栅文件易于管理。
重现工作流程
使用这些本地示例文件重复本指南中描述的检查。在生产项目中使用该文件之前请先检查该文件。
测量示例:MP4 实际包含的内容
可下载的测试剪辑是 480 x 480 和 24 fps 处的四秒 H.264 MP4。其像素格式为 yuv420p,文件大小为 4,785 字节。这些测量描述的是解码的视频帧,而不是矢量路径、形状图层、可编辑填充或关键帧。将框架包装在 Lottie 兼容包中不会更改底层表示。
| 财产 | 测试MP4 | 这对于转换意味着什么 |
|---|---|---|
| 持续时间 | 4.00秒 | 关于 24 fps 上的 96 源帧 |
| 尺寸 | 480 x 480 | 每个光栅帧都带有 230,400 像素画布 |
| 编解码器 | H.264 | 源存储压缩视频像素 |
| 像素格式 | yuv420p | 颜色是针对视频传输进行采样的,而不是存储为可编辑矢量填充 |
| 源文件大小 | 4,785 字节 | 必须单独测量输出大小,因为解码帧在导出之前会扩展 |
当产品已经需要 Lottie 播放器时,光栅帧 Lottie 会很有用,但应该如实标记。将其缩放到超出源分辨率会像任何位图序列一样软化。
真实的向量重建是一项创作任务。设计人员识别对象、重新绘制路径、选择动画属性并重建时序。自动帧跟踪通常会产生过多的点、闪烁和大文件。
了解极限
- 光栅帧输出不提供无限锐利的缩放、语义形状层或可靠的全局颜色替换。
- 持续时间长、帧速率高和尺寸大,必须存储、解码和显示的像素数量成倍增加。
- 绿屏去除可以产生透明帧,但无法重建因压缩、运动模糊、阴影或颜色溢出而丢失的细节。
如果你的结果不同
- 1.确定目标是否确实需要 Lottie 运行时。当透明的 WebM、GIF 或 PNG 序列与交付环境更匹配时,请使用这些格式。
- 2.在转换之前修剪剪辑,然后减少尺寸和帧速率,同时比较真实目标屏幕上的运动质量。
- 3.预览浅色和深色表面上的键控边缘。仅在确定具体缺陷后才调整公差、柔软度、防溢出和阻流。
- 4.当清晰的缩放、小矢量输出或可编辑的品牌颜色是硬要求时,使用形状重建运动。
常见问题
有什么工具可以自动将 MP4 转换为矢量 Lottie 吗?
不可以。将任意视频自动矢量化为干净的可编辑 Lottie 形状并不可靠。 “作为 Lottie”播放视频的工具会包装光栅帧,而不是创建矢量。
什么是光栅帧Lottie?
Lottie 文件,其帧是由小型 JSON 排序的位图图像。它在 Lottie 运行时中播放,但内部是像素,因此它不会像矢量 Lottie 一样无限缩放或保持很小。
如何获得真实矢量Lottie?
在 After Effects (Bodymovin)、Rive 或 LottieLab 中创作或重建动画并导出矢量 Lottie。
那么光栅帧Lottie就没用了吗?
一点也不。它非常适合短片、AI 绿屏视频和透明网页微动画,其中匹配原始素材比文件大小更重要。
主要来源
根据下面的原始运行时或格式文档检查了技术行为。