DotLottie
DotLottie 适合把 Lottie 动画和相关资源封装为单个 .lottie 文件,方便分发和管理。MotionTools 可以打开 DotLottie 文件进行预览和信息检查,也可以在其他格式导出时选择 DotLottie 作为目标格式。
一、预览与文件信息
上传 .lottie 文件后,MotionTools 会展示基础信息,方便判断文件是否适合当前使用场景。
| 信息 | 能做什么 |
|---|---|
| 格式识别 | 判断文件是否可以作为 DotLottie 打开。 |
| 画布尺寸 | 确认动画适合目标页面、组件或图标区域。 |
| 文件大小 | 判断封装后的资源是否过大。 |
| 时长 | 确认动画节奏是否合适。 |
| 帧数与帧率 | 判断动画播放流畅度。 |
| 缩略图 | 快速识别当前打开的是哪份动画。 |
预览区支持:
| 能力 | 用户收益 |
|---|---|
| 自动播放 | 上传后直接查看动效。 |
| 播放 / 暂停 | 检查动画状态和关键画面。 |
| 时间轴拖动 | 定位到指定画面。 |
| 前后跳转 | 快速查看前后画面变化。 |
二、适合处理的问题
DotLottie 在 MotionTools 中更适合做文件检查和交付格式输出。
| 需求 | MotionTools 能做什么 | 用户收益 |
|---|---|---|
检查 .lottie 文件 | 打开文件,查看尺寸、时长、帧数、帧率和文件大小。 | 交付前先确认文件是否符合要求。 |
| 预览封装结果 | 直接播放 DotLottie 文件。 | 确认封装后动画仍能正常显示。 |
生成 .lottie 文件 | 从 Lottie、SVGA、PAG、视频、动图或序列帧等来源输出 DotLottie。 | 统一以单文件形式交付。 |
| 控制文件体积 | 在来源格式转换时调整尺寸、帧率或质量。 | 生成更适合线上分发的版本。 |
当前 .lottie 作为源文件时主要用于预览和信息检查,不显示图片素材编辑、颜色替换或音频管理入口。
三、作为目标格式输出
以下来源可以在 MotionTools 中选择 DotLottie 作为目标格式:
| 来源格式 | 适合什么情况 |
|---|---|
| Lottie | 把 JSON 动效封装成 .lottie 文件。 |
| SVGA | 将 SVGA 动画转成更适合 Web 或客户端分发的封装文件。 |
| PAG | 将 PAG 结果交付给需要 DotLottie 的链路。 |
| VAP / YYEVA / 双通道 | 将透明视频动效转成轻量动画交付格式。 |
| WebP / APNG / GIF | 将动图素材封装成 DotLottie。 |
| MP4 / MOV / WebM | 将视频素材转换成 DotLottie 交付。 |
| PNG 序列帧 ZIP | 将设计或视频导出的帧图封装成 DotLottie。 |
四、输出控制
生成 DotLottie 时,可根据来源格式使用对应的输出控制能力。
| 设置 | 能做什么 | 适合场景 |
|---|---|---|
| 调整尺寸 | 控制最终动画宽高。 | 适配不同页面、组件和终端。 |
| 降低帧率 | 减少动画帧数。 | 文件偏大或动效不需要高帧率时。 |
| 图片资源压缩 | 减小包含图片素材的文件体积。 | 提升加载速度。 |
| 转换结果预览 | 导出后先查看效果。 | 确认封装后的动画可正常播放。 |