Lottie 预览与优化
预览 Lottie 动画，复制/下载 SVG，压缩 JSON，并支持运行时修改动画文本与图片。
拖拽 Lottie JSON 文件到这里，或点击上传
*.json (Lottie format)
如何预览并优化 Lottie 动画
1
拖拽或点击上传您的 Lottie JSON 文件，系统会立即在左侧播放器中预览动画。
2
使用“图层与资源编辑”面板，直接实时修改动画内的文本图层内容，或替换动画里嵌入的图片资产。
3
在“健康诊断与压缩”面板中配置浮点数保留位（推荐 1-2 位）并勾选清除无用元数据，以执行本地诊断与压缩。
4
导出优化后的 Lottie JSON 文件，或复制当前帧的 SVG 矢量代码，直接粘贴至 Figma 中使用。
Lottie 动画常见问题
为什么 Lottie 动画文件会这么大？如何进行优化？
Lottie 动画中常包含大量高精度的浮点数坐标和动画曲线数据。通过降低浮点数精度至 1-2 位并剔除无用的元数据，可以在肉眼无法觉察出变化的前提下，将文件体积大幅缩减 30%-70%。
我可以在这里修改 Lottie 里的文字和图片吗？
是的。这正是海獭工具的强大之处。无需打开 AE 软件，直接在浏览器中动态输入新文案、替换新图片，就能完成动画重制，并导出标准的 Lottie JSON 文件。
复制 SVG 代码后的使用方法是什么？
点击“复制 SVG 代码”会提取动画当前播放帧的矢量路径。您只需在 Figma 中直接按 `Ctrl+V`（或 `Cmd+V`）粘贴，即可一键将该帧以矢量图层组的形式导入到 Figma 中。