在 Lottie JSON 中嵌入图像
添加 Lottie JSON 和所需图像,并将所选动画的图像嵌入一个 JSON 文件中。也可以加载 .lottie 和 ZIP 文件。解决引用问题,检查创建的动画效果,并交付包含图像的 JSON。
可执行的操作
将图像放入 JSON
将对外部文件的引用替换为图像数据,以创建包含图像的 Lottie JSON。
将引用与图像匹配
检查动画所需素材。添加缺失图像;如果有多个同名候选项,请选择要使用的素材。
检查创建的文件
嵌入图像后会重新加载 JSON 以供预览,请检查其中的图像和动作,然后保存。
使用方法
添加 JSON 和所需图像
添加 Lottie JSON 及其引用的图像。添加时保留文件夹结构会更容易检查匹配关系。
检查目标动画和图像映射
选择目标动画并检查引用图像的状态。解决缺失素材和多个候选项的问题。
创建包含嵌入图像的 JSON
解决所有引用后,选择“创建 JSON”。此功能不会用其他图像替换现有图像,也不会自动生成图像。
检查结果预览并保存
检查创建的 JSON 的显示效果并下载。为检查而更改速度或背景,不会影响保存的 JSON。
适用场景
将包含图像的动画作为一个文件交付
将所需图像嵌入 JSON 中进行共享,降低忘记单独发送图像的风险。
打包外部图像引用
准备嵌入了引用图像的文件,避免目标环境中相对图像路径失效。
图像嵌入和文件格式
从外部引用转换为数据 URI
通常使用图像路径或文件名进行引用。嵌入时,JSON 会将代表图像的数据作为字符串包含在内。
嵌入不会减小文件大小
Base64 会使图像数据的大小约增至原来的 4/3。包含图像的 JSON 会比原始 JSON 大,因此保存后也请检查文件大小。
JSON 嵌入与 .lottie 打包
此页面会将图像数据包含在一个 JSON 文件中。.lottie 会将 JSON 和素材打包为压缩套件。请根据目标环境接受的格式进行选择。
常见问题
嵌入图像会增大文件吗?
可以。图像数据会以 Base64 形式添加到原始 JSON 中,因此文件通常会变大。这不是用于减小文件大小的图像压缩功能。
这与打包为 .lottie 有什么区别?
输出格式不同。此页面会创建包含图像的 JSON,而“将 Lottie 与图像打包”会创建包含素材的 .lottie 文件。请根据应用或库支持的格式进行选择。
如果缺少引用图像会怎样?
您需要添加缺失素材。如果有多个同名候选项,请选择要使用的文件。只有解决所有必需引用后,才能创建 JSON。
会自动从图像 URL 获取图像吗?
不会自动从外部图像 URL 获取图像。请从本地文件添加所需素材,并检查对应的引用。
原始 JSON 或图像会被更改吗?
不会覆盖原始文件,而是保存一个新的 JSON 文件。更改目标动画或素材映射后,请重新创建。
所有 Lottie 都能转换为 JSON 吗?
输入必须能够作为 Lottie 加载,并且所有必需素材均已解决。对于包含无法保留的扩展内容(例如主题或交互状态)的输入,此页面无法创建输出。
输入和结果
- 输入
- Lottie JSON 和所需的本地图像。也可以加载 .lottie 和 ZIP 文件。此功能不会将普通 JSON 转换为视频。
- 输出
- 一个所选动画。其引用的图像数据会嵌入 JSON。
- 检查
- 生成输出的预览可用后即可保存。添加素材或更改映射后请重新创建。