将 Lottie 与图像打包
添加 Lottie JSON、.lottie 或 ZIP 及其引用的图像,检查匹配结果,然后将它们打包为一个 .lottie。交付一个所选动画及其素材。图像尺寸和质量保持不变,保存前可以检查创建的动画效果。
可执行的操作
将图像和动画合并到一个文件中
将 Lottie JSON 引用的图像与动画一起存储在 .lottie 文件中。
检查素材匹配结果
将引用名称与设备上的图像匹配。如果图像缺失或有多张同名候选图像,请在创建文件前确认匹配结果。
播放并保存创建的文件
生成的 .lottie 会重新加载以供预览。请检查图像和动作,然后下载该文件。
使用方法
添加 JSON 和图像
添加 Lottie JSON 和所需图像。也可以从文件夹或 ZIP 中一起添加。
检查图像匹配结果
检查与每项引用匹配的素材。添加缺失图像;如果有多个候选图像,请选择要使用的图像。
创建 .lottie
检查预览中的图像和动作,然后选择“创建 .lottie 文件”。如果有多个动画,将创建您选择的那个。
检查结果并保存
生成文件的预览显示后,请检查其内容并选择“下载”进行保存。
适用场景
连同素材一起交付动画
将动画 JSON 和图像打包到一个 .lottie 文件中,无需分别交付。
发布使用图像的动画
为支持 .lottie 的网站或应用准备包含所需嵌入图像的文件。
交付包含图像的 Lottie
引用名称和本地图像
检查与 JSON 中图像名称和路径匹配的素材。如果有多个同名候选图像,请选择要使用的图像。不会自动从外部 URL 获取图像。
.lottie 与嵌入图像的 JSON
.lottie 是用于存储动画和素材的套件格式。使用“在 Lottie JSON 中嵌入图像”可将图像编码为字符串并包含在 JSON 中。
目标播放器
请检查目标是否支持 .lottie。在此页面检查显示效果,并不能保证所有播放器中的播放效果都相同。
图像外观和预览设置
不会更改图像尺寸和压缩质量。播放速度、背景和循环仅用于预览,不会影响保存的动画或素材。
常见问题
如果缺少必需的图像会怎样?
此时会显示相应引用并停止创建。请从设备中添加图像。不会自动获取或生成缺失的图像。
有多张同名图像时怎么办?
为每项引用选择一张图像。请检查文件夹路径和预览,以匹配所需图像。
可以仅使用图像创建 Lottie 吗?
不能。您需要包含已定义动作的 Lottie JSON。此工具会将动画及其引用的图像打包在一起。
可以将多个动画一起保存吗?
此页面会保存您选择的一个动画。要将多个动画分开打包,请使用“将多个 Lottie 动画打包为一个文件”。
可以创建包含主题或交互状态的文件吗?
此功能无法处理这些内容。能够预览基本动作并不意味着可以在保留高级设置的情况下创建输出。请先导出基本 Lottie,再添加到此处。
输入和结果
- 输入
- Lottie JSON、.lottie 或 ZIP,以及设备中的引用图像或其他素材。
- 输出
- 包含一个所选动画及其素材的 .lottie 文件。
- 原始文件
- 不会覆盖原始文件。更改输入或素材匹配后,请重新创建输出。