Lottie 优化器

概述

Lottie 优化器接收 Lottie JSON 动画文件,通过移除编辑器专用字段并将数值精度统一收窄到 3 位小数,在保留完整动画效果的前提下缩减文件体积,支持批量上传,处理结果在浏览器本地完成,文件不上传至服务器。

Lottie 文件优化能减少多少体积

实际压缩幅度取决于原始文件的冗余程度。通常情况下,由 After Effects 或 LottieFiles 直接导出的文件包含大量图层命名(nm)、匹配名称(mn)、隐藏标记(hd)和索引字段(ix),这些在播放时均无用。移除这些字段后,压缩率常见区间在 20%–50%,复杂工程文件可超过 60%。

工具页面会实时显示原始大小(KB)和优化后大小(KB),以及百分比变化,例如:

125.48 KB  →  67.92 KB  (-46%)

优化器具体做了哪些操作

删除字段:图层名称(nm)、匹配名称(mn)、隐藏标记(hd)、索引(ix),以及所有空的效果数组(ef: [])。

数值处理:浮点数保留 3 位有效小数,整数保持完整,从而在缩减 JSON 文本长度的同时不影响动画曲线的视觉精度。

批量处理与下载

一次可上传多个 .json 文件,每个文件独立显示优化动画预览及大小对比,点击各文件对应的下载按钮即可保存,文件名自动添加 优化后- 前缀。

适合哪些场景

需要优化的情况

  • AE 插件直接导出的文件(通常含大量调试字段)
  • 需要通过 CDN 分发的动画素材
  • 移动端首屏动画加载提速

无需优化的情况

  • 仍需在 AE 或 LottieFiles 中继续编辑的源文件
  • 已经手动精简过的极小文件(< 5 KB)