Android Lottie 体积优化实践:从 6.4 MB 降到 530 KB

一、说明

产品提出需求:用户有 8 个等级,每个等级对应一个奖牌动画。

按照常用的实现方式:

  1. 设计提供 8 个 lottie 动画(8 个 json 文件)。
  2. 研发将 json 文件打包进入 APK 中。
  3. 根据不同等级播放指定的动画。

每一个 json 文件平均是 800 KB,8 个的话是 6.4 MB。

实现这个功能直接将包体积增加 6.4 MB 的话,增加太多了。

有没有什么办法将体积降低一些呢?

二、优化方案

方案 1:动态下发

可以提前将 json 文件上传到云端,然后通过接口动态下发下载地址,客户端下载下来后再显示动画。

由于我的业务特殊性,需要能够及时显示动画,并且下载失败对业务有较大影响,最终并未采用该方案。

方案 2:图文分离

通常动画文件中既包含动画展示逻辑信息,也包含图片(将图片转为 base64 文本,存储在 json 文件中)。

尝试将图片拿出来放到一个文件夹中后,减少:

  • 单个奖牌:800 KB 减少到 600 KB
  • 8 个等级:6.4 MB 减少到 4.8 MB

方案 3:图片格式转换

之前的图片用的是 png 格式的图片,尝试将其转为 webp 格式后,体积又有相应的减少:

  • 单个奖牌:215 KB
  • 8 个等级:1.68 MB

方案 4:逻辑共用

通常 8 个奖牌动画对应的是 8 个 json 文件,和 8 套图片。

问题:可否 8 个动画共用一个 json 文件,只替换掉其中的不同的奖牌部分呢?

答案是:可以。

我们将所有的等级图片放到一个文件夹中,根据不同的等级动态替换 json 中的图片配置,这样就实现了只用一个 json 即可,奖牌以外的图片也可以实现共用。

这样调整后当前的动画体积变为了:530 KB

三、总结

图文分离、webp 格式、逻辑共用和动态下发都可以有效降低包体积的占用,大家在开发中可以根据自己的业务场景选择合适的方案进行优化处理。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/24205.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

大模型训练学习笔记

目录 大模型的结构主要分为三种 大模型分布式训练方法主要包括以下几种: token Token是构成句子的基本单元 1. 词级别的分词 2. 字符级别的分词 结巴分词 GPT-3/4训练流程 更细致的教程,含公式推理 大模型的结构主要分为三种 Encoder-only(自编…

Unity ShaderGraph 扭曲

需要注意的是: HDRP ShaderGraph中 你不能扭曲UI,所以假如你要扭曲视频,请把视频在材质上渲染 播放,这样就可以扭曲视频了喔, ShaderGraph扭曲

Vue3 响应式 API:工具函数(一)

isRef() isRef 是一个简单的工具函数,它接受一个参数并返回一个布尔值,指示该参数是否是一个由 ref 创建的响应式引用。 在某些情况下,你可能需要编写一些通用逻辑或函数,这些逻辑或函数需要处理不同类型的响应式数据&#xff08…

C++STL---stack queue模拟实现

前言 对于这两个容器适配器的模拟实现非常简单,因为stack和queue只是对其他容器的接口进行了包装,在STL中,若我们不指明用哪种容器作为底层实现,栈和队列都默认是又deque作为底层实现的。 也就是说,stack和queue不管是…

React@16.x(22)HOOK,useState 的原理

目录 1,介绍2,useState2.1,使用2.2,原理2.3,注意点 1,介绍 1,出现时间点:在 React16.8.0 出现。 2,目的:为了增强函数组件的功能,用于替代类组件…

数据挖掘实战-基于Catboost算法的艾滋病数据可视化与建模分析

🤵‍♂️ 个人主页:艾派森的个人主页 ✍🏻作者简介:Python学习者 🐋 希望大家多多支持,我们一起进步!😄 如果文章对你有帮助的话, 欢迎评论 💬点赞&#x1f4…

C++中的sizeof和strlen详解

在C中,sizeof和strlen都是用于获取长度或大小的运算符/函数,但它们的用途和工作方式有所不同。以下是对它们的详细解释: sizeof 运算符 sizeof 是一个编译时运算符,用于计算数据类型或对象的大小(以字节为单位&#…

FANUC机器人SRVO-348 DCS MCC关闭报警处理方法总结

FANUC机器人SRVO-348 DCS MCC关闭报警处理方法总结 如下图所示,由于操作人员在操机时误打开了安全门,导致机器人紧急制动停止,示教器上显示: SRV0-348 DCS MCC关闭报警0,1, 如下图所示,查看手册中关于SRVO-348报警的具体内容: 原因分析:给机器人主电源上电的接触器在紧…

PLS_INTEGER:Oracle PL/SQL中的整数类型深度解析

PLS_INTEGER:Oracle PL/SQL中的整数类型深度解析 一、概述二、PLS_INTEGER简介三、PLS_INTEGER的优点四、PLS_INTEGER的简单示例示例1:声明并使用PLS_INTEGER变量示例2:在存储过程中使用PLS_INTEGER 五、资深应用的代码示例示例3:…

《机器学习特征提取》

书籍:Building Feature Extraction with Machine Learning: Geospatial Applications 作者:Bharath.H. Aithal,Prakash P.S. 出版:CRC Press 书籍下载-《机器学习特征提取》这是一本面向专业人士和研究生的实用指南&#xff0c…

SSM框架整合,内嵌Tomcat。基于注解的方式集成

介绍: SSM相信大家都不陌生,在spring boot出现之前,SSM一直是Java在web开发中的老大哥。现在虽说有了spring boot能自动整合第三方框架了,但是现在市面上任然有很多老项目是基于SSM技术的。因此,能熟练掌握SSM进行开发…

DALL-E2详解

标题: DALL-E2详解 摘要: 本文将详细介绍DALL-E2,OpenAI最新推出的人工智能图像生成模型。DALL-E2在图像生成领域取得了显著进展,它不仅能够生成逼真的图像,还能根据文本描述创造出新颖且具有创意的视觉内容。本文将探…

队列的讲解与实现

这里写目录标题 一、队列的概念及结构二、队列的实现(使用VS2022的C语言)1.初始化、销毁2.入队、出队3.返回队头元素、返回队尾元素、判空、返回有效元素个数 三、完整 Queue.c 源代码 一、队列的概念及结构 队列:只允许在一端进行插入数据操作,在另一端…

【Linux】进程(8):Linux真正是如何调度的

大家好,我是苏貝,本篇博客带大家了解Linux进程(8):Linux真正是如何调度的,如果你觉得我写的还不错的话,可以给我一个赞👍吗,感谢❤️ 目录 之前我们讲过,在大…

conda虚拟环境如何卸载pip

要在conda虚拟环境中卸载pip,你可以使用conda命令来移除它。以下是具体步骤: 激活你想要移除pip的conda虚拟环境。 使用conda命令移除pip。 下面是具体的命令: bash conda activate your_env_name # 替换your_env_name为你的环境名称 cond…

代码随想录算法训练营第四十九天 | 139.单词拆分、多重背包、背包问题总结

139.单词拆分 视频讲解: 动态规划之完全背包,你的背包如何装满?| LeetCode:139.单词拆分_哔哩哔哩_bilibili 代码随想录 解题思路 1.dp[i] 字符串的长度为i,dp[i]是否可以被组成 2.递推公式 if( [j,i] && d…

硬件IIC和软件IIC的比较

(一)硬件IIC 硬件IIC是由STM32内部的硬件模块实现的,使用CPU的时钟信号来控制数据传输和时序,通信速度较快,可以达到几十MHz的速度。硬件IIC的实现相对简单,无需编写复杂的代码,因此在实现IIC通…

如何理解与学习数学分析——第二部分——数学分析中的基本概念——第5章——序列

第2 部分:数学分析中的基本概念 (Concepts in Analysis) 5. 序列(Sequences) 本章介绍了序列属性,例如单调性、有界性和收敛性,使用图表和示例来解释这些属性,并演示如何在各种证明中使用它们的定义。讨论了趋于无穷大的序列出…

API key学习笔记

API Key 基本上可以认为是一个长字符串,允许 API 消费者(即使用 API 的人)访问受限的功能和数据。它作为一种安全措施,确保了 API 服务能够控制谁有权限访问什么数据,同时也帮助跟踪API的使用情况。生成API key来调用A…

centos官方yum源不可用 解决方案(随手记)

昨天用yum安装软件的时候,就报错了 [rootop01 ~]# yum install -y net-tools CentOS Stream 8 - AppStream 73 B/s | 38 B 00:00 Error: Failed to download metadata for repo appstream: Cannot prepare internal mirrorlis…