Lottie 动画下载和转换器

它解决什么

网页上那些好看的小动画（Lottie），想下下来自己用，平时根本没地方下； 就算下到了，拿到的是 JSON 源文件 —— 放不进 Keynote，也发不了微信。

一个包里两件东西：插件负责抓下来，转换器负责转成能用的格式。

一、浏览器插件：抓

打开插件，当前网页里的动画自动列出来，勾选，下载。整页批量下都行； 分不清列表里哪条对应屏幕上哪张，就点「🎯 在页面上点选」，鼠标移到哪张高亮哪张， 点一下只下那一个。

能存 JSON / .lottie 原文件，也能直接下站点烘焙好的 GIF / MP4 成品。 注意那两样是站点加工过的循环预览（白底、约 10 秒），要和原动画严格对应就用 JSON。

二、格式转换器：转

一个独立的 App —— macOS 把 Lottie 格式转换器.app 拖进「应用程序」， Windows 双击 Lottie格式转换器.exe。把 .json / .lottie 拖进去； JSON 引用外部图片时，把 JSON 和所需图片文件一起拖入，不要拖文件夹。 选尺寸、格式、背景、帧率，点「生成」。它拿 Lottie 数据在你自己电脑上重新渲染， 背景是真透明，文件不上传。

界面跑在你电脑上的 Chrome（或 Edge）里 —— 渲染要用 Chrome 内核， 系统里得有其中一个，App 会自己找到并打开它。

尺寸六档（300 ~ 1600 px；带位图的动画清晰度取决于原图）， 点「全部尺寸」一次跑完打包成 zip。

格式	什么时候用
WebP	首选。透明干净、体积小，哪儿都能用
GIF	最通用，谁都打得开。缺点是透明边缘有锯齿
MP4	没有透明，会自动加白底
APNG	和 WebP 一样清晰，但大一倍。好处是 .png 后缀到处能开
PNG 序列	每帧一张透明 PNG，打成 ZIP，适合导入剪辑和设计软件
WebM	体积最小，适合放网页。Safari 打不开
HEVC alpha	要放进 Keynote 或苹果设备的透明动效，只能用它

三、编辑：导出前先改

文件列表里每一行右边有个「编辑」。点开就能改三样东西，改完点「应用」， 照常选尺寸和格式点「生成」—— 改动跟着一起导出。

颜色。动画里用到的颜色会被一个个列出来，相同的自动归成一组 —— 改一处，全动画跟着变。也可以整体推色相、饱和度、亮度，一次换掉整套配色。 改完的 Lottie 还能单独存成 .json，带回设计软件或者交给开发接着用。

裁切。鼠标在画面上直接框。点「修剪透明边」会逐帧扫一遍， 贴着画面实际内容裁 —— 设计师导出时留的大片空白，一下就没了。 尺寸档位量的是裁完那块的长边，所以裁得越小、整幅渲得越大， 矢量内容仍能保持清晰；包含位图的动画放大后会受原图分辨率限制。

时长。拖时间轴，只留中间那几秒。起止帧照着预览定，播到哪儿点一下就是哪儿。

完整的安装和使用步骤，点上面的「使用教程」。

常见问题

有的动画提示是付费素材，下不了？ 带皇冠的付费动画，网页上只放了一段带水印的视频预览，原文件根本没进浏览器， 谁都下不了 —— 不是插件的问题。

为什么要先登录？ 授权和你的账号绑定，换电脑重新登录就行，不用记激活码。一个账号同时只能在 1 台电脑上用（浏览器插件和转换器算同一台），换台电脑登录，原来那台自动下线。 插件和转换器共用一套授权：在任意一边登录、或申请一次试用，另一边跟着就能用。

转换器打开时提示「无法验证开发者」/「Windows 已保护你的电脑」？ macOS：右键点 App →「打开」→ 再点一次「打开」。 Windows：点「更多信息」→「仍要运行」。 这是两个系统对所有网上下载来的程序的统一拦截，点过一次以后就不再问了。

Windows 能用吗？ 插件能，转换器也有 Windows 版，GIF / APNG / WebP / WebM / MP4 都正常。 只有 HEVC alpha 不行 —— 那需要 macOS 系统自带的编码器，Windows 上没有对应的东西。

下下来的动画能商用吗？ 下载不等于可以随便商用。很多素材要署名或另有授权，商用前到来源网站确认一下。