Lottie动画文件压缩

前言

项目中引入了“大量的”lottile动画文件以优化动画显示效果,稍微统计了下,共20多个,小的几十k,大的1.33M,总大小超过8M,apk包体积急速膨胀。

使用的lottie文件统计.png

解决方案

由于项目中显示动画的需要,引入了大量的Lottie动图,以优化显示效果导致包体积急速膨胀,目前可以想到的解决方案主要有如下2种:

方案1)远端方案

将lottie json文件放置在远程服务端,在需要时加载文件或者提前预加载到本地。
这个方案可以说是针对“包体积”最优的解决方案,但缺点也同样致命。优化方案会切入业务逻辑,对于已经开发好的项目需要重新进行测试评估,增加了业务逻辑Bug的风险,只适合在项目开启之初同步介入。对于此方案还需要增加对json文件“下载-管理-失败重试”等文件管理相关的业务逻辑,增加了维护调试成本。但如果相关方案一旦建立和稳定运行,还是很“香”的。同时还有文件在什么时候加载也是门学问,如果简单化的一股脑在启动时加载,极易造成运行卡顿或者内存占用过高OOM等风险。

方案2)“本地”方案

压缩lottie json文件的大小,缓解apk包体积急速膨胀的问题。
这个方案只能稍微缓解下apk包体积膨胀的问题,只能是个临时方案,后续建议采用方案1)替代。


如何压缩Lottie动画文件的大小?

回到本文的正题,Lottie导出的动画文件简单归类主要有两种,一种是以.zip.lottie文件结尾的文件,也可能是个文件夹(里面包含一堆图片和一个.json文件),另一种则是单独只有一个json文件(开头截图中的那种)。

针对以.zip.lottie文件结尾的Lottie文件(素材图片独立于.json文件),压缩方案直接对这些图片素材进行压缩。可以参考我以前写的一篇文章《Android图片资源压缩记》和使用图片批量压缩工具进行处理。
PS: 强烈建议是不改文件及其后缀名,如果确实需要修改,则要注意要把.json文件里相应的name也同步更改,否则使用时将导致找不到文件直接报错。

针对单独只有一个.json文件的Lottie文件,我这边开发了一个脚本,用于压缩json文件,可以有效的对文件进行压缩,效果如下:

Lottie文件压缩.png

PS:不同的文件压缩率不同,取决于使用素材图片的大小和多寡。

批处理程序:tiny-lottie.exe

开源地址: 码云(gitee) /chockqiu/tiny-lottie

在需要批处理的文件夹下运行如下命令,将批量处理文件夹下所有*.json文件。

Windows环境
tiny-lottie.exe -q 75 -p
Mac/Linux环境
python tiny-lottie.py -q 75

命令行参数

usage: TinyLottie [-h] [-d directory] [-q quality] [-o] [-p]

Lottie文件批处理工具, 支持使用webp图片压缩Lottie文件

optional arguments:
  -h, --help            show this help message and exit
  -d directory, --dir directory 运行文件夹,默认当前文件夹
  -q quality, --quality quality 质量百分比[0-100],Webp图片压缩率,数字越大质量越高
  -o, --overwrite       是否覆盖源文件
  -p, --pause           执行完是否暂停窗口以便查看输出


如果本文对你有帮助就点个赞支持下吧~~~
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 195,980评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,422评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,130评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,553评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,408评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,326评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,720评论 3 386
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,373评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,678评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,722评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,486评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,335评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,738评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,283评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,692评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,893评论 2 335

推荐阅读更多精彩内容