跳到主要内容

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 时,可根据来源格式使用对应的输出控制能力。

设置能做什么适合场景
调整尺寸控制最终动画宽高。适配不同页面、组件和终端。
降低帧率减少动画帧数。文件偏大或动效不需要高帧率时。
图片资源压缩减小包含图片素材的文件体积。提升加载速度。
转换结果预览导出后先查看效果。确认封装后的动画可正常播放。