MP4 转 Lottie ZIP
把短视频的帧和 Lottie JSON 打包在一起。接入播放器时解开 ZIP 并保留图片路径,上线前在目标运行时里实测。
将短视频、GIF 或图片序列转成图片序列 Lottie ZIP,可选去除纯色背景,预览后下载。输出仍是栅格图片,不会变成可编辑矢量。
转换在本地完成;仅在主动云同步或分享时上传所选结果。
素材和参数已准备好。点一个案例载入转换器,预览效果后再换成你自己的文件。
当项目需要一个图片序列形式的 Lottie 资源时,从一段短的产品片段、录屏或绿幕动画开始即可。如果你需要可编辑的矢量形状,请改用矢量素材重新制作动画。这个转换器会保留源视频的栅格属性。
EasyLottie 的 MP4 工具整条流水线都在本地运行:WebCodecs 逐帧解码视频,WebGL2 的 Keylight 风格着色器抠出遮罩,你选的格式(GIF、Lottie ZIP、透明 WebM 或 PNG 序列)直接在浏览器里编码。云同步、分享和提交支持样例是独立的可选上传。
每种格式各有取舍: GIF 只有二值透明且调色板有限;WebM 在编码和播放都支持的情况下能保留柔和的半透明;Lottie ZIP 把帧打包成栅格图片序列,供支持图片资源的 Lottie 播放器播放;PNG 序列保存完整透明通道的帧,便于继续编辑。请比较文件大小,并在最终投放环境里测试导出文件。
大多数"视频转 Lottie"和"MP4 转 Lottie"的搜索,背后其实是四件事之一:让 AI 视频能放到网页上、去掉绿幕背景、给 Chromium 导出透明动画,或者把干净的 PNG 帧交给动效工具。EasyLottie 把这四件事放在同一个浏览器流程里,不用再在 After Effects、FFmpeg 和另一个 GIF 工具之间来回切换。
把短视频的帧和 Lottie JSON 打包在一起。接入播放器时解开 ZIP 并保留图片路径,上线前在目标运行时里实测。
点选绿色背景,调好容差和羽化,导出 GIF 用于聊天、文档、邮件,或任何不支持 WebM 的地方。
在浏览器支持的情况下导出 VP8 WebM,再到你的用户常用的浏览器里检查透明播放。输出大小取决于片段和参数。
把每一帧抠好的透明 PNG 下载下来,交给 After Effects、DaVinci Resolve、Premiere、Figma 插件或自定义渲染流程。
对于绿幕或纯色背景的视频,可以直接在浏览器里去掉背景,再把透明动画导出为 Lottie ZIP、WebM、GIF 或 PNG 序列。
这对 AI 视频转 Lottie、角色贴纸、产品动效片段,以及需要直接放进网页或 App 界面、又不想动用桌面动效软件的透明 Lottie 资源特别有用。
EasyLottie 帮开发者把短视频、GIF、MOV、WebM 片段和图片序列转成 Lottie 兼容的动画资源,不需要 After Effects。适合落地页、App 引导页、SaaS 产品演示、UI 微交互、AI 生成片段和 Vibe Coding 项目。
MP4 转 Lottie 的流程对格式是诚实的:视频保持像素形式,再打包成带透明帧的 Lottie 兼容 ZIP。这样资源对开发者友好,同时不假装每段视频都能变成一个小巧的手工矢量 Lottie。
当一段短视频需要像 App 内置动画那样工作,而不是当作普通 MP4 播放时,就用这个转换器。
给以产品为主的首屏加上透明动效。
为首次启动体验准备简短的引导片段。
把简短的界面动效打包进现有的 Lottie 流程。
把 AI 片段转成网页可用的动画文件。
去掉纯色背景,得到可叠加的角色。
用于空状态、加载和奖励反馈的小片段。
从原型到产品都能快速用上的动画资源。
在目标播放器里导出并测试资源。
播放器支持图片资源就选 Lottie ZIP。WebM 要先在目标浏览器里测过透明播放。需要无损帧就选 PNG 序列。GIF 只有二值透明,保不住柔和边缘。没有哪种输出能保证对每段片段都最小。
选择或拖入视频(.mp4 / .mov / .webm)、GIF,或 PNG/JPG/WebP 图片文件(可单张,也可打包成 ZIP),总大小不超过 100 MB。优先用 H.264 编码的 MP4,编解码支持取决于浏览器。素材在本地读取,不会上传。
视频可以在时间轴上设置入点和出点。GIF 和图片序列会使用完整范围,需要截取片段的话请先在上传前裁好。
在实时预览里点选背景色,再调整容差、羽化、去溢色和收边。素材本身已经带透明通道的话可以跳过这一步。
Lottie ZIP 会把栅格帧和 JSON 打包给支持图片资源的播放器。GIF 只有非透即透的二值透明;WebM 和 PNG 可以保留柔和的半透明边缘。可用的导出格式取决于浏览器支持,请按实际输出体积做比较。
下载前先播放导出结果,再放到目标播放器里实测。留意本地保存状态,之后可以在同一浏览器的工作区里重新打开。只有你主动选择云同步或分享时,才会上传所选结果。
可以。EasyLottie 提供纯浏览器流程,把短视频转成 Lottie 兼容的动画资源,不需要 After Effects。但这不是真正的矢量转换:视频类输出只是把栅格帧打包进 Lottie 兼容的包里。
可以。导入 MP4 后可以导出 Lottie 兼容的 ZIP、透明 WebM、GIF 或 PNG 序列。背景简单的短片段效果最好。
可以。GIF 输入可以导出为图片序列 Lottie ZIP 或其他支持的格式。GIF 的透明是二值的:一个像素要么完全不透明,要么完全透明。转换不会凭空恢复源文件里已经丢失的柔和边缘和颜色。
MOV 能否读取取决于它的编码和你的浏览器。解码失败时,把源文件重新导出为 H.264 MP4 再试一次。只改扩展名不会改变编码。
可以。EasyLottie 能在浏览器里去除绿幕或纯色背景,再把透明动画导出为 Lottie ZIP、WebM、GIF 或 PNG 序列。
不是。EasyLottie 把栅格图片帧和动画 JSON 一起打包成 ZIP,不会重建可编辑的形状,也不会得到无限放大的矢量。文件大小取决于片段、尺寸、帧数和画质,不保证比 GIF 或 MP4 更小。
转换、抠像、预览和导出都在本地运行,不需要上传源视频。只有在你选择云同步、分享或提交支持样例时,才会为该操作上传所选文件。
播放器支持图片资源就选 Lottie ZIP,解包时保留 JSON 和图片路径。WebM 要先在目标浏览器里测过透明播放再用。PNG 序列能保留完整的透明通道。GIF 适合简单片段,但只有二值透明且调色板有限。
浏览器能否解码取决于编码,而不只是 .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 输出,图片帧会以 base64 内嵌在一个 .json 文件里,方便放进 lottie-web 或 LottieFiles 预览。ZIP 输出把帧保存为独立图片,文件通常更小,也更容易替换。两种输出都是栅格图片序列 Lottie,不是矢量动画。