Skip to main content

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

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