EasyLottie

EasyLottie指南

如何将屏幕录制 (MOV) 转换为 Lottie

在图像序列 Lottie 工作流程中使用短屏幕录制。在将其添加到项目之前,进行本地转换、比较输出大小并测试播放。

作者 EasyLottie编辑团队已审核 3 分钟阅读报告更正

为什么将屏幕录制转换为 Lottie

当打包为光栅帧和动画 JSON 时,短屏幕录制可以适合现有的 Lottie 工作流程。不保证转换后录制的视频会比原始视频小。在决定在入门、演示、变更日志或文档中嵌入哪些内容之前,将导出的字节和回放与原始字节进行比较。

EasyLottie在本地转换录音,无需上传源。仅当您选择这些操作时,云同步、共享和支持示例提交才上传选定的文件。

一步一步:MOV / 屏幕录制到 Lottie

视频到 Lottie 工具接受 MOV 以及 MP4、WebM、GIF 和图像序列。编解码器支持取决于您的浏览器。将不支持的 MOV/HEVC 重新导出为 H.264 MP4;更改文件扩展名不会转换它。在选择之前,必须缩短超过 30 秒的 MP4/MOV 源。

  1. 打开视频到 Lottie 工具并将 .mov(或 .mp4)录音放入。
  2. 修剪到您想要显示的确切时刻 - 较短的剪辑使资产更小、更清晰。
  3. 如果您在纯色上录制并想要透明度,请使用内置色度键控器将其抠出。
  4. 选择输出:Lottie ZIP、透明 WebM、优化 GIF 或 PNG 序列。
  5. 导出和下载 - 全部在本地处理。

保持短小

屏幕记录是像素数据,因此结果是图像序列(光栅)Lottie,而不是微小的矢量序列。影响文件大小的最大因素是长度:仅修剪重要的帧,并将分辨率降低到嵌入实际需要的值。尺寸合适、聚焦的三秒剪辑每次都胜过十五秒的全屏捕捉。

选择哪个输出

如果您的播放器支持图像资源,请选择 Lottie ZIP,并在解压时保留路径。仅在目标浏览器中检查 Alpha 播放后才选择 WebM。 GIF 支持二进制透明度和有限的调色板。为全 Alpha 帧选择 PNG 序列。比较实际的输出大小,而不是假设一种格式较小。

快速清单

  • 将 .mov / .mp4 录制到视频中拖放到 Lottie - 不会上传任何内容。
  • 积极修剪;长度对文件大小的影响最大。
  • 如果你想要透明度,请抠出纯色背景。
  • 将分辨率降低到嵌入所需的分辨率。
  • 导出Lottie ZIP /透明WebM / GIF / PNG序列。

常见问题

我可以将 .mov 屏幕录制转换为 Lottie 吗?

是的,当浏览器可以解码 MOV 编解码器时。从一个短片开始;如果解码失败,请将源重新导出为 H.264 MP4。 Lottie 输出包含光栅图像帧,而不是可编辑矢量。

会是一个小向量Lottie吗?

不会。屏幕记录是像素数据,因此结果是图像序列 Lottie。修剪和缩小规模以保持较小。

我的录音上传了吗?

转换、抠像和导出在本地运行,无需上传源代码。可选的云同步、共享或支持示例提交仅在您选择时上传所选文件。

如何让背景透明?

如果您在纯色上录制,请使用内置键控器将其删除,然后导出透明的 WebM 或 PNG 序列。