EasyLottie
MP4 转 Lottie

MP4 转 Lottie:浏览器内完成转换

将短视频、GIF 或图片序列转成图片序列 Lottie ZIP,可选去除纯色背景,预览后下载。输出仍是栅格图片,不会变成可编辑矢量。

正在读取视频…

转换在本地完成;仅在主动云同步或分享时上传所选结果。

不需要 After Effects

当项目需要一个图片序列形式的 Lottie 资源时,从一段短的产品片段、录屏或绿幕动画开始即可。如果你需要可编辑的矢量形状,请改用矢量素材重新制作动画。这个转换器会保留源视频的栅格属性。

EasyLottie 的 MP4 工具整条流水线都在本地运行:WebCodecs 逐帧解码视频,WebGL2 的 Keylight 风格着色器抠出遮罩,你选的格式(GIF、Lottie ZIP、透明 WebM 或 PNG 序列)直接在浏览器里编码。云同步、分享和提交支持样例是独立的可选上传。

每种格式各有取舍: GIF 只有二值透明且调色板有限;WebM 在编码和播放都支持的情况下能保留柔和的半透明;Lottie ZIP 把帧打包成栅格图片序列,供支持图片资源的 Lottie 播放器播放;PNG 序列保存完整透明通道的帧,便于继续编辑。请比较文件大小,并在最终投放环境里测试导出文件。

把 MP4、MOV、GIF 和 WebM 转成 Lottie

大多数"视频转 Lottie"和"MP4 转 Lottie"的搜索,背后其实是四件事之一:让 AI 视频能放到网页上、去掉绿幕背景、给 Chromium 导出透明动画,或者把干净的 PNG 帧交给动效工具。EasyLottie 把这四件事放在同一个浏览器流程里,不用再在 After Effects、FFmpeg 和另一个 GIF 工具之间来回切换。

MP4 转 Lottie ZIP

把短视频的帧和 Lottie JSON 打包在一起。接入播放器时解开 ZIP 并保留图片路径,上线前在目标运行时里实测。

绿幕转透明 GIF

点选绿色背景,调好容差和羽化,导出 GIF 用于聊天、文档、邮件,或任何不支持 WebM 的地方。

MP4 转透明 WebM

在浏览器支持的情况下导出 VP8 WebM,再到你的用户常用的浏览器里检查透明播放。输出大小取决于片段和参数。

视频转 PNG 序列

把每一帧抠好的透明 PNG 下载下来,交给 After Effects、DaVinci Resolve、Premiere、Figma 插件或自定义渲染流程。

绿幕视频转透明 Lottie

对于绿幕或纯色背景的视频,可以直接在浏览器里去掉背景,再把透明动画导出为 Lottie ZIP、WebM、GIF 或 PNG 序列。

这对 AI 视频转 Lottie、角色贴纸、产品动效片段,以及需要直接放进网页或 App 界面、又不想动用桌面动效软件的透明 Lottie 资源特别有用。

面向开发者的视频转 Lottie 实用流程

EasyLottie 帮开发者把短视频、GIF、MOV、WebM 片段和图片序列转成 Lottie 兼容的动画资源,不需要 After Effects。适合落地页、App 引导页、SaaS 产品演示、UI 微交互、AI 生成片段和 Vibe Coding 项目。

MP4 转 Lottie 的流程对格式是诚实的:视频保持像素形式,再打包成带透明帧的 Lottie 兼容 ZIP。这样资源对开发者友好,同时不假装每段视频都能变成一个小巧的手工矢量 Lottie。

网页开发与 App 引导页里的视频转 Lottie

当一段短视频需要像 App 内置动画那样工作,而不是当作普通 MP4 播放时,就用这个转换器。

在真实的网页和 App 项目里使用视频转 Lottie

落地页首屏动画

给以产品为主的首屏加上透明动效。

App 引导动画

为首次启动体验准备简短的引导片段。

SaaS 产品演示片段

把简短的界面动效打包进现有的 Lottie 流程。

AI 生成的视频素材

把 AI 片段转成网页可用的动画文件。

绿幕角色动画

去掉纯色背景,得到可叠加的角色。

UI 微交互

用于空状态、加载和奖励反馈的小片段。

Vibe Coding 项目素材

从原型到产品都能快速用上的动画资源。

透明贴纸与加载动画

在目标播放器里导出并测试资源。

导出为 Lottie ZIP、WebM、GIF 或 PNG 序列

播放器支持图片资源就选 Lottie ZIP。WebM 要先在目标浏览器里测过透明播放。需要无损帧就选 PNG 序列。GIF 只有二值透明,保不住柔和边缘。没有哪种输出能保证对每段片段都最小。

支持的输入与导出格式

输入

  • MP4
  • MOV
  • GIF
  • WebM
  • 图片序列

导出

  • Lottie 兼容 ZIP
  • 透明 WebM
  • GIF
  • PNG 序列

在浏览器里本地完成视频处理

  1. 选择一段短素材

    选择或拖入视频(.mp4 / .mov / .webm)、GIF,或 PNG/JPG/WebP 图片文件(可单张,也可打包成 ZIP),总大小不超过 100 MB。优先用 H.264 编码的 MP4,编解码支持取决于浏览器。素材在本地读取,不会上传。

  2. 裁剪片段

    视频可以在时间轴上设置入点和出点。GIF 和图片序列会使用完整范围,需要截取片段的话请先在上传前裁好。

  3. 抠除背景(可选)

    在实时预览里点选背景色,再调整容差、羽化、去溢色和收边。素材本身已经带透明通道的话可以跳过这一步。

  4. 选择输出格式

    Lottie ZIP 会把栅格帧和 JSON 打包给支持图片资源的播放器。GIF 只有非透即透的二值透明;WebM 和 PNG 可以保留柔和的半透明边缘。可用的导出格式取决于浏览器支持,请按实际输出体积做比较。

  5. 预览、下载、再次打开

    下载前先播放导出结果,再放到目标播放器里实测。留意本地保存状态,之后可以在同一浏览器的工作区里重新打开。只有你主动选择云同步或分享时,才会上传所选结果。

常见问题:MP4 转 Lottie

不用 After Effects 也能把视频转成 Lottie 吗?

可以。EasyLottie 提供纯浏览器流程,把短视频转成 Lottie 兼容的动画资源,不需要 After Effects。但这不是真正的矢量转换:视频类输出只是把栅格帧打包进 Lottie 兼容的包里。

MP4 可以转成 Lottie 吗?

可以。导入 MP4 后可以导出 Lottie 兼容的 ZIP、透明 WebM、GIF 或 PNG 序列。背景简单的短片段效果最好。

GIF 可以转成 Lottie 吗?

可以。GIF 输入可以导出为图片序列 Lottie ZIP 或其他支持的格式。GIF 的透明是二值的:一个像素要么完全不透明,要么完全透明。转换不会凭空恢复源文件里已经丢失的柔和边缘和颜色。

MOV 可以转成 Lottie 吗?

MOV 能否读取取决于它的编码和你的浏览器。解码失败时,把源文件重新导出为 H.264 MP4 再试一次。只改扩展名不会改变编码。

能去掉绿幕背景并导出透明 Lottie 吗?

可以。EasyLottie 能在浏览器里去除绿幕或纯色背景,再把透明动画导出为 Lottie ZIP、WebM、GIF 或 PNG 序列。

视频转 Lottie 和矢量 Lottie 是一回事吗?

不是。EasyLottie 把栅格图片帧和动画 JSON 一起打包成 ZIP,不会重建可编辑的形状,也不会得到无限放大的矢量。文件大小取决于片段、尺寸、帧数和画质,不保证比 GIF 或 MP4 更小。

我的视频会上传到服务器吗?

转换、抠像、预览和导出都在本地运行,不需要上传源视频。只有在你选择云同步、分享或提交支持样例时,才会为该操作上传所选文件。

该选哪种导出格式:Lottie、WebM、GIF 还是 PNG 序列?

播放器支持图片资源就选 Lottie ZIP,解包时保留 JSON 和图片路径。WebM 要先在目标浏览器里测过透明播放再用。PNG 序列能保留完整的透明通道。GIF 适合简单片段,但只有二值透明且调色板有限。

为什么 HEVC / H.265 的 MP4 在浏览器里会失败?

浏览器能否解码取决于编码,而不只是 .mp4 扩展名。HEVC / H.265 不可用时,先把源文件转成 H.264 MP4 或 VP9 WebM,再重新转换。

体积、时长和帧数有什么限制?

输入总大小不超过 100 MB。视频输出限制为 15 秒的选区、450 帧、长边 1920 px。达到帧数上限时,工具会降低实际帧率以保住选定时长:要求 60 fps 的 15 秒会变成 30 fps 的 450 帧。这些是各自的上限,不保证能同时用满;帧内存预算也可能要求更小的输出。超过 30 秒的 MP4/MOV 必须先在工具外裁剪。

转换好的动画之后还能再打开吗?

本地保存成功后,可以在同一浏览器的工作区里重新打开导出结果,不用再转一次。请留意保存状态并保留下载副本:清除浏览器存储会删掉本地记录。保存的是结果,不是源视频或完整可编辑的工程。云同步和分享链接都是可选的。

可以导出单个 Lottie JSON 文件,而不是 ZIP 吗?

可以。选择 Lottie JSON 输出,图片帧会以 base64 内嵌在一个 .json 文件里,方便放进 lottie-web 或 LottieFiles 预览。ZIP 输出把帧保存为独立图片,文件通常更小,也更容易替换。两种输出都是栅格图片序列 Lottie,不是矢量动画。