WWW.SJFLS6.COM

Lottie 动画下载和转换器

一键扫描网页里的 Lottie 动画,批量提取成 JSON / .lottie / GIF / MP4;配套的格式转换器再把它转成 GIF / APNG / PNG 序列 / WebP / WebM / MP4 / HEVC alpha。

一次买断 · 永久使用 10 天免费试用 · 功能不阉割 Chrome / Edge · 一份授权 1 台电脑
先登录才能用,可以免费试用 10 天。 网站和扩展用的是同一个账号: www.sjfls6.com。

零、先注册 / 领试用(1 分钟)

  1. 打开 www.sjfls6.com 注册一个账号(邮箱验证码,免费);
  2. 装好扩展后打开它,点 「用浏览器一键登录」 —— 你的浏览器上刚好登录着,弹出的确认页点一下「确认登录」就好,一个字都不用输;
  3. 第一次登录后如果提示没有授权,点 「开通 10 天免费试用」 即可立即使用。

也可以在扩展里直接填账号密码登录。

一、安装扩展

  1. 把网盘下载的 zip 解压,里面是两个文件夹:「浏览器插件」(就是下面要装的这个) 和 「格式转换器」(第四节讲);
  2. 打开浏览器扩展页:地址栏输入 chrome://extensions/(Edge 是 edge://extensions/)回车;
  3. 打开右上角的 「开发者模式」;
  4. 点 「加载已解压的扩展程序」,选中解压出来的 「浏览器插件」 文件夹 (注意是这个子文件夹,不是外面那层);
  5. 扩展栏里出现图标即安装成功。建议点一下扩展栏的拼图图标,把它 固定 到工具栏。
「浏览器插件」这个文件夹别删、别移动位置 —— 浏览器是直接从它加载的,删了扩展就没了。 所以别放在「下载」里,挑个固定地方(比如「文稿」)再加载。想换地方的话,移动完回扩展页点一下「重新加载」。

二、开始使用

  1. 打开任意含 Lottie 动画的页面(如 LottieFiles 的作品页);
  2. 点扩展图标,它会 自动扫描 当前页面里的动画;
  3. 勾选要的格式 —— JSON / .lottie / GIF / MP4 各自独立,选什么下什么;然后勾选多个点「下载选中项」,或只点某一行右边的「提取」;
  4. 分不清哪条对应页面上哪个?点 「🎯 在页面上点选动画」,鼠标移到哪张卡片高亮哪张,点一下就提取那一个,Esc 退出;
  5. ↻ 重新扫描(滚动页面加载出更多动画后用得上);「保存到子文件夹」填了会下到 下载/你填的名字/ 里。

详情页会自动把「本页主角」和底部的「相关推荐」分开,默认只勾主角。

三、它能做什么

四条路一起找播放器标签、已加载资源、页面源码、后台网络嗅探 —— 四种来源同时扫,结果去重合并,尽量一个不漏。
抓得到 Worker 里的请求后台监听网络,能抓到 Web Worker / WASM 里发出的动画请求 —— 这类请求别的扫描方式看不到。
主角 / 推荐位分清详情页底部十几个推荐位一起扫进来,靠资源指纹认出本页主角,默认只勾它。
页面上直接点选面板里的地址跟屏幕上的图对不上号?移到哪张卡片高亮哪张,点一下就提取那一个。
四种格式任意组合JSON / .lottie / GIF / MP4 各自独立勾选,选什么下什么。.lottie 用浏览器原生能力就地解包,零第三方库,dotLottie v1 / v2 两版目录结构都认,一个容器里多个动画自动加序号。
GIF 尺寸可选原始 640 / 320 / 160 三档,动画完整保留、一帧不少。MP4 是站点固定规格(640 · 30fps)不可调,面板里照实标注 —— 不做假的质量滑块。
位图不丢容器里带的 PNG / WebP 会内联进导出的 JSON(单独一个文件也能正常播),同时另存一份原图到「同名-images」文件夹,方便改图或重新打包。
下载前自动校验只有具备 Lottie 特征字段的 JSON 才认作动画,滤掉配置文件、埋点数据之类的假阳性。
列表页也能下卡片上只有缩略图、真实地址在详情页的情况,会自动进详情页把地址挖出来再下。
断网也能用每次打开联网核验一次,核过之后 24 小时内断网照常工作。

GIF / MP4 是站点烘焙好的成品(约 10 秒循环,GIF 10fps、MP4 30fps),时长和 Lottie 原动画不一定一致; 要严格对应原动画的一圈,用 JSON。付费素材只有带水印的预览,没有可下载的源文件。

四、格式转换器

插件下下来的是 Lottie 源文件(JSON / .lottie)。要拿去放进 Keynote、发微信、贴进网页, 得先转成图片或视频 —— 包里的「格式转换器」就是干这个的,一个独立的 App, 所有转换都在你自己电脑上完成,文件不上传。

它也能改:换颜色、裁掉多余的边、只留中间那几秒,改完直接出图。不用再开一遍设计软件。

  1. 进解压出来的 「格式转换器」 文件夹;
  2. macOS:把 Lottie 格式转换器.app 拖进「应用程序」,双击打开;
    Windows:双击 Lottie格式转换器.exe;
  3. 第一次打开会让你登录 —— 和插件、网站是同一个账号,共用一套授权, 在插件那边登录过、或申请过试用的,这里直接就能进;
  4. 把 .json / .lottie 拖进页面,选尺寸、格式、背景、帧率,点「生成」。如果 JSON 引用单独的 PNG / WebP 等图片,可先拖 JSON,再打开图片目录,全选图片拖入;页面会显示已匹配和缺少的张数,补齐后自动导入。也可一次拖入全部文件;不要直接拖文件夹。
  5. 动画里有很多图片时,点文件右侧「编辑」。上方「整体调色」滑杆会同时调整所有矢量颜色和图片;下方「逐张图片调色」可单独微调一张,效果叠加在整体调色之上。选图后画面会快速闪亮它当前可见的复用位置,「再次定位」可重看。编辑器里按空格键可播放或暂停。点「应用」后再生成;也可直接导出 JSON 或带图片的 .lottie。
界面是用你电脑上的 Chrome(或 Edge)打开的 —— 渲染要用到 Chrome 内核, 系统里得装着其中一个,App 会自己找到并打开它。
第一次打开如果被系统拦下:macOS 提示「无法验证开发者」就右键点 App →「打开」→ 再点一次「打开」; Windows 弹「Windows 已保护你的电脑」就点「更多信息」→「仍要运行」。 这是两个系统对所有网上下载来的程序的统一拦截,点过一次以后就不再问了。

改颜色、裁边、截一段

文件列表里每一行右边都有个「编辑」。点开是一整套:动画里用到的颜色会被一个个列出来, 点一下就换掉;在画面上直接框出要的那块;拖时间轴,只留中间那几秒。 改完点「应用」回到列表,照常选尺寸和格式点「生成」—— 改动会一起导出,六种格式都算数。

调色相同的颜色自动归成一组,改一处全动画跟着变。也可以整体推色相、饱和度、亮度。
裁剪鼠标在画面上拖就行。点「修剪透明边」会逐帧扫一遍,贴着画面实际内容裁。
截取帧只要中间那几秒。起止帧可以照着预览定:播到哪儿,点一下就是哪儿。
导出 JSON / .lottie改完色的动画能单独保存;.lottie 会把所用图片一起打包,方便直接分享或重新导入。
裁剪不会让画面变糊。尺寸档位量的是裁完那块的长边 —— 裁得越小,整幅就渲得越大, 出来的还是足尺清晰度。Lottie 是矢量的,这一点和放大位图完全是两回事。

几个格式怎么选

WebP拿不准就选它。无损、边缘精确,体积和兼容性都好。
GIF到处都能用,但只有 1 位透明 —— 抗锯齿的边缘会被切成硬边。
APNG画质和 WebP 一样,.png 后缀到处能开,代价是体积大一倍。
PNG 序列每帧一张 PNG,保留透明通道;下载为 ZIP,解压后可作为序列导入剪辑或设计软件。
WebM体积最小,但 alpha 也被有损压过、边缘会发虚;Safari 不支持。
MP4没有透明通道,会自动兜白底。
HEVC alphaKeynote / Safari / iOS 上唯一能透明播放的格式,和 WebM 正好互补。

关于 HEVC alpha:带透明的 HEVC 只有 macOS 系统自己的编码器能写,浏览器编不了(Chrome 和 Safari 都明确拒绝), 所以它得借你自己这台 Mac 来转 —— 那个编码器就装在 macOS 版 App 里,勾上直接出 .mov,不用额外操作。 Windows 上转不了(系统里没有对应的编码器),勾了会下载到一个 .zip,拿到 Mac 上解压、 双击里面的「双击生成HEVC.command」一样能转出来。其他格式在 Windows 上完全正常。

五、授权说明

项目说明
价格一次买断,永久有效,无订阅、不到期、不续费 —— 现价见官网产品页
设备一个账号同时只能 1 台电脑登录;插件和转换器各算一次登录,所以名额是 2 个。占满之后再登,最早的那个自动下线
试用每个账号一次,从点下申请起算 10 天,功能不阉割。在插件面板或转换器的登录界面上点一下就能开通,不用专门去网站
换设备网站、插件、转换器同一套账号,共用一份授权;换电脑重新登录一次即可,不用记激活码
管理授权状态与已登录设备可在 账号中心 查看和管理

常见问题

为什么下载要登录?

授权和账号绑定,也让你换电脑时不用重新激活。扩展包本身公开可下,但打开要登录, 没有试用也没买过的账号用不了 —— 所以链接放出来也不怕被整包搬走。

为什么不是从 Chrome 商店安装,而是「加载已解压的扩展」?

这是未上架商店的扩展的正常安装方式。解压后的文件夹别删、别挪位置 —— 浏览器是直接 从这个文件夹加载的。想换地方,移动完回扩展页点一下「重新加载」。

有些动画下载失败,提示是付费素材?

这是设计使然,不是扩展的缺陷。以 LottieFiles 为例,带皇冠角标的付费条目页面上只下发 带水印的 MP4 预览,源文件根本不进浏览器 —— 任何工具都拿不到。视频没法还原成 Lottie: Lottie 是矢量关键帧描述,MP4 是烧死的像素。

扫描不到动画怎么办?

先滚动页面让动画加载出来,再点扩展里的 ↻ 重新扫描。chrome://、 扩展页面等特殊页面无法扫描,这是浏览器的限制。

下载的动画能商用吗?

下载不等于获得授权。免费素材通常也有署名要求,且逐个文件的许可不同。商用前请到来源 页面确认作者和 License。

「用浏览器一键登录」安全吗?

它申请一个 5 分钟有效的一次性配对码,打开本站确认页让你点确认 —— 扩展读不到你浏览器的 密码或 Cookie,拿到的只是一个专门发给这台设备的登录凭证,随时能在 账号中心 里踢掉。