EasyLottie

EasyLottie指南

MP4 可以转换为矢量 Lottie 吗?

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

作者 EasyLottie编辑团队已审核 3 分钟阅读报告更正
EasyLottie 视频到 Lottie 工作区,具有导入视频和导出选项
该转换器打包解码的视频帧以供 Lottie 播放。它不会将源重新创建为可编辑矢量路径。
视频到 Lottie 输出预览在深色背景下测试
暗背景测试可在导出前暴露出绿色溢出、亮边光晕和透明度缺陷。

简短而诚实的答案

没有工具可以可靠地将任意 MP4 自动转换为真正的向量 Lottie。 Vector Lottie 将形状和关键帧存储为数学; MP4 存储像素。对于一般素材来说,将像素转换回干净、可编辑的矢量形状并不是一个已解决的问题,任何承诺为任何视频提供此功能的产品都在过度销售。

这很重要,因为“矢量”是人们想要 Lottie 的全部原因:小文件、无限缩放、可编辑颜色。如果您从视频像素开始,您将无法免费获得这些属性 - 您必须选择手动重建为矢量或接受基于光栅的文件。

真实矢量 Lottie 与光栅帧 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 序列 - 全部在本地完成。根据您的播放器和目标浏览器进行选择。

  1. 需要无限缩放+小尺寸+可编辑性?在 AE / Rive / LottieLab 中重建为矢量。
  2. 需要网络上带有 Alpha 的精确镜头吗?导出栅格 Lottie ZIP 或 WebM。
  3. 不确定?从浏览器转换器开始,比较您自己的剪辑的格式。

快速清单

  • 接受任意 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. 1.确定目标是否确实需要 Lottie 运行时。当透明的 WebM、GIF 或 PNG 序列与交付环境更匹配时,请使用这些格式。
  2. 2.在转换之前修剪剪辑,然后减少尺寸和帧速率,同时比较真实目标屏幕上的运动质量。
  3. 3.预览浅色和深色表面上的键控边缘。仅在确定具体缺陷后才调整公差、柔软度、防溢出和阻流。
  4. 4.当清晰的缩放、小矢量输出或可编辑的品牌颜色是硬要求时,使用形状重建运动。

常见问题

有什么工具可以自动将 MP4 转换为矢量 Lottie 吗?

不可以。将任意视频自动矢量化为干净的可编辑 Lottie 形状并不可靠。 “作为 Lottie”播放视频的工具会包装光栅帧,而不是创建矢量。

什么是光栅帧Lottie?

Lottie 文件,其帧是由小型 JSON 排序的位图图像。它在 Lottie 运行时中播放,但内部是像素,因此它不会像矢量 Lottie 一样无限缩放或保持很小。

如何获得真实矢量Lottie?

在 After Effects (Bodymovin)、Rive 或 LottieLab 中创作或重建动画并导出矢量 Lottie。

那么光栅帧Lottie就没用了吗?

一点也不。它非常适合短片、AI 绿屏视频和透明网页微动画,其中匹配原始素材比文件大小更重要。

主要来源

根据下面的原始运行时或格式文档检查了技术行为。