EasyLottie

EasyLottie指南

如何将 GIF 转换为 Lottie(免费,在浏览器中)

您有一个动画 GIF,需要通过 Lottie 运行时来播放它。以下是如何在浏览器中免费转换它 - 以及栅格源可以做什么和不能做什么。

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

为什么将 GIF 转换为 Lottie

当您的项目需要 Lottie 播放控件或图像序列包时,转换 GIF。 GIF 具有有限的调色板和二进制透明度。将其帧封装在 Lottie 中不会恢复源中已丢失的颜色、细节或软 Alpha,并且不保证文件较小。

EasyLottie 将浏览器中的 GIF(不上传任何内容)转换为 Lottie、ZIP、WebM、GIF 或 PNG 序列,以适合您的目标的方式为准。

逐步:GIF 到 Lottie

视频到 Lottie 工具接受 GIF 以及 MP4、MOV、WebM 和图像序列。

  1. 打开视频到 Lottie 工具并将 .gif 放入。
  2. 如果您只需要GIF循环的一部分,请在上传前将其缩短;该工具可处理整个 GIF 系列。
  3. 可以选择使用内置色度键控器删除纯色背景以获得透明度。
  4. 选择输出:Lottie、ZIP、WebM、GIF 或 PNG 序列。检查实际导出和目标播放器。
  5. 导出和下载 - 全部在浏览器中本地处理。

期待什么:光栅与真实矢量

GIF 由像素而不是形状组成,因此生成的 Lottie 是图像序列(光栅)Lottie - 它携带 Lottie 容器内的帧。它需要一个支持导出的图像资源及其路径的播放器。它保持固定的光栅分辨率; Lottie 容器并不能使其成为小型、无限可缩放的矢量动画。如果您需要真正的矢量 Lottie,则源必须首先是矢量 - 例如为兼容的 Lottie 导出器创作的矢量动画。

从 GIF 获得透明度

GIF 透明度为 1 位 - 像素要么完全不透明,要么完全透明,这就是 GIF 通常具有锯齿状边缘的原因。如果您的 GIF 有想要删除的纯色背景,请使用内置绿屏/纯色键控器将其删除,然后测试 Lottie ZIP 或 PNG 序列的 Alpha。即使浏览器支持 WebM,WebM 导出也会失去透明度;在浅色和深色背景上检查下载的文件。键控无法重新创建原始 GIF 中缺失的细节。

快速清单

  • 将 .gif 放入视频中至 Lottie - 未上传任何内容。
  • 修剪到您实际需要的框架。
  • 如果你想要透明度,请抠出纯色背景。
  • 比较实际的 Lottie ZIP、WebM、GIF 或 PNG 序列导出。
  • 对于真正的矢量 Lottie,请从矢量源开始。

常见问题

我可以免费将 GIF 转换为 Lottie 吗?

是的。 EasyLottie 在浏览器中免费将 GIF 转换为 Lottie ZIP(和其他格式),无需注册,也无需上传任何内容。

Lottie 是一个小矢量文件吗?

不会。GIF 是光栅,因此结果是图像序列 Lottie。真正的矢量 Lottie 需要矢量源,例如动画 SVG。

如何让背景透明?

使用内置键控器删除纯色背景,然后导出 Lottie ZIP 或 PNG 序列并检查导出的 Alpha。 WebM 透明度取决于编码器和播放器,必须进行测试。

我可以导出什么格式?

Lottie ZIP、WebM、GIF 或 PNG 序列。输出大小和 Alpha 结果取决于源和格式。