终端开发

Android开发之FileProvider相关知识 Android 权限 及设置描述信息 局域网开启 Android ADB 无线调试 安卓开发那些事之开发规范 安卓组件化之组件通信及拦截 安卓开发那些事之版本管理 安卓组件化之持续集成与自动构建 安卓组件化之组件调试和运行 安卓组件化之组件管理(导入、依赖、升级) 安卓组件化之框架设计 安卓开发那些事总纲 Android Textview 对HTML 的支持 appium 爬坑之基于 Chromedriver 测试 Android webview Linux 搭建 Android 编译构建环境 appium爬坑之iMac上基于appium多设备并发测试 appium爬坑之iMac上appium环境搭建及使用真机测试Android项目简介 H5页面通过指定Schema拉起Android应用 Android JSBridge简介 Gradle插件开发系列之发布gradle插件到开源库 Gradle插件开发系列之开发第一个gradle插件 Gradle插件开发系列之gradle插件调试方法 Gradle插件开发系列之总纲 一款检查Gradle依赖配置是否冲突的插件 记一次升级Android Gradle Plugin后databing编译报错填坑经历 iMac上 Xcode 相关设置及常见问题 iOS开发 -- 首次使用Xcode运行iOS项目代码 使用Android Studio开发可独立运行(runnable)混淆过的Jar程序 Android安装包精简系列之资源精简 Android安装包精简系列之图片优化 Android安装包精简系列之为什么要优化精简安装包 Android安装包精简系列(总纲) Android安装包精简系列之图标转字体 Gradle 相关资料汇总 Android编译常见错误解决 Android编译编译速度提升 终端基于gradle的开源项目运行环境配置指引 制作终端产品演示的gif 一个关于APK Signature Scheme v2签名的神奇bug定位经历 如何随apk一起打包并使用SQLite SDK热更之gradle插件(如何在SDK代码中自动插桩及如何生成补丁包) 关于Android的APK Signature Scheme v2签名相关的资料汇总 封装HttpURLConnection实现的简单的网络请求库 一款基于Java环境的读取应用包名、签名、是否V2签名等基本信息的工具 Android的APK Signature Scheme v2签名及一款基于Java环境的校验工具介绍 如何使用Eclipse开发可执行Jar程序,并生成混淆过的jar程序 Android 相关的学习资料整理(持续更新) macOS(Sierra 10.12)上Android源码(AOSP)的下载、编译与导入到Android Studio Android开发常用命令备忘 Google也看不下去被玩坏的悬浮窗了么? Android开发常用工具资源 SDK热更系列之概述(持续整理编辑中~) SDK热更系列之SDKHotfix待优化点 Android 终端开发相关的一些神图(持续更新) SDK热更系列之Demo项目介绍概述 SDK热更系列之Demo体验方法 SDK热更系列之如何获取应用在当前设备上的so对应的指令集 Gradle Android插件使用的中那些特别注意的点 Experimental Plugin User Guide(From Android Tools Project Site) 基于Android Studio使用gradle构建包含jni以及so的构建实例 基于Instrumentation框架的自动化测试 - Android自动化测试系列(四) Instrumentation框架介绍-Android自动化测试系列(三) 关于终端设备的设备唯一性的那些事之MAC地址 关于终端设备的设备唯一性的那些事之IMEI Android 检查应用是否有root权限 ant常见错误解决方案 Gradle介绍 iMac上Android Studio 相关设置及常见问题 ADB命令系列之再说ADB 再看Android官方文档之分享 再看Android官方文档之Fragment&数据保存 再看Android官方文档之Activity&Intent 再看Android官方文档之ActionBar和兼容性 ADB命令系列之 adb shell input(Android模拟输入)简单总结 再看Android官方文档之建立第一个APP Android开发调试常用工具 ANR(网络资料整理) Java参数引用传递引发的惨案(又一次Java的String的“非对象”特性的踩坑经历) android.view.WindowManager$BadTokenException,Unable to add window Android签名校验机制(数字证书)及命令行获取 keystore 公钥等信息 Robotium二三事-Android自动化测试系列(二) Robotium介绍-Android自动化测试系列(一) Android开发中遇到的那些坑 Eclipse使用中部分经验总结 Android中关于Nativa编译(NDK、JNI)的一些问题 Android简单实现的多线程下载模块 Android内存耗用之VSS/RSS/PSS/USS ADB命令系列之 Advanced Command URL编码中的空格(编码以后变为+) Android MD5后 bye数组转化为Hex字符串的坑(记一次为女神排忧解难的经历) Android学习之路 ADB命令系列之 Base Command Android Log的那些坑…………

开发工具

Linux JDK 安装、卸载、路径查看 替换Jcenter,发布开源代码到 Sonatype Maven Central 使用 gitstats 分析代码仓库 使用 Jekyll 搭建技术博客并部署到 CentOS 服务器 开发中常用的文档管理、云端笔记等效率工具介绍 iMac(OS X)常用图片处理工具介绍 使用 Octopress 搭建技术博客并使用腾讯云静态网站托管 使用腾讯云静态网站托管个人博客 使用 Jekyll 搭建技术博客 iMac上安装Python2.7 和 Python3 iMac 使用自带的 Apache 启用本地web服务 发布开源代码到jcenter Gradle环境变量那些事 iMac搭建jekyll本地环境 iMac(OS X)开发和使用中经验汇总(持续更新) iMac配置基于crontab的定时任务 iMac配置支持读取NTFS硬盘 新iMac机器装机及开发环境搭建攻略 git常用命令整理(已包括branch、tag等持续更新~) iMac使用过程中的简单故障解决 iMac上RubyGems相关的问题汇总 开发中常用的一些Chrome插件介绍 iMac(OS X)日常开发中各种代理设置方法汇总(shell、Android Studio、gem、npm) Markdown格式优化及使用技巧 iMac下制作含透明度图片及判断图片透明度 iMac(OS X)中设置大小写敏感的分区并切换 Linux & MacOS中一些常用命令备忘 iMac(OS X)搭建私有maven仓库,提供Nexus Responsitory镜像 iMac(OS X)El Capitan 更新遇到的那些坑 vi常用命令 iMac(OS X)常用开发工具介绍 iMac(OS X)不可或缺的套件管理器 —— Homebrew 开发环境通用设置 windows中一些常用命令备忘 问题定位之快速模拟请求 Ant中的SVN 使用 Markdown语法简介 SVN 常用命令

标签

android 50

ADB快捷输入法 - AAF 开发中图片图标处理常用工具资源 Linux 搭建 Android 编译构建环境 H5页面通过指定Schema拉起Android应用 Android编译常见错误解决 一个关于APK Signature Scheme v2签名的神奇bug定位经历 关于Android的APK Signature Scheme v2签名相关的资料汇总 封装HttpURLConnection实现的简单的网络请求库 一款基于Java环境的读取应用包名、签名、是否V2签名等基本信息的工具 Android的APK Signature Scheme v2签名及一款基于Java环境的校验工具介绍 如何使用Eclipse开发可执行Jar程序,并生成混淆过的jar程序 Android 相关的学习资料整理(持续更新) macOS(Sierra 10.12)上Android源码(AOSP)的下载、编译与导入到Android Studio Android开发常用命令备忘 Google也看不下去被玩坏的悬浮窗了么? Android开发常用工具资源 Android 终端开发相关的一些神图(持续更新) Gradle Android插件使用的中那些特别注意的点 Experimental Plugin User Guide(From Android Tools Project Site) iMac(OS X)搭建私有maven仓库,提供Nexus Responsitory镜像 基于Android Studio使用gradle构建包含jni以及so的构建实例 基于Instrumentation框架的自动化测试 - Android自动化测试系列(四) Instrumentation框架介绍-Android自动化测试系列(三) 关于终端设备的设备唯一性的那些事之MAC地址 关于终端设备的设备唯一性的那些事之IMEI Android 检查应用是否有root权限 iMac(OS X)El Capitan 更新遇到的那些坑 ant常见错误解决方案 Gradle介绍 iMac上Android Studio 相关设置及常见问题 ADB命令系列之再说ADB 再看Android官方文档之分享 再看Android官方文档之Fragment&数据保存 再看Android官方文档之Activity&Intent 再看Android官方文档之ActionBar和兼容性 ADB命令系列之 adb shell input(Android模拟输入)简单总结 再看Android官方文档之建立第一个APP Android开发调试常用工具 ANR(网络资料整理) Java参数引用传递引发的惨案(又一次Java的String的“非对象”特性的踩坑经历) android.view.WindowManager$BadTokenException,Unable to add window Android签名校验机制(数字证书)及命令行获取 keystore 公钥等信息 Eclipse使用中部分经验总结 Android内存耗用之VSS/RSS/PSS/USS ADB命令系列之 Advanced Command URL编码中的空格(编码以后变为+) Android MD5后 bye数组转化为Hex字符串的坑(记一次为女神排忧解难的经历) Android学习之路 ADB命令系列之 Base Command Android Log的那些坑…………

tags 53

替换Jcenter,发布开源代码到 Sonatype Maven Central Android开发之FileProvider相关知识 子勰开源项目展示 照片整理系之视频归档整理方案 使用 gitstats 分析代码仓库 Android 权限 及设置描述信息 局域网开启 Android ADB 无线调试 安卓开发那些事之开发规范 安卓组件化之组件通信及拦截 安卓开发那些事之版本管理 安卓组件化之持续集成与自动构建 安卓组件化之组件调试和运行 安卓组件化之组件管理(导入、依赖、升级) 安卓组件化之框架设计 安卓开发那些事总纲 Android Textview 对HTML 的支持 使用 Jekyll 搭建技术博客并部署到 CentOS 服务器 2018年春节仙本那海岛游行程规划 照片整理系列之单次整理流程 照片整理系列之整理及归档的总体方案 使用 Octopress 搭建技术博客并使用腾讯云静态网站托管 使用腾讯云静态网站托管个人博客 使用 Jekyll 搭建技术博客 颜色透明度对照表 Android JSBridge简介 Gradle插件开发系列之发布gradle插件到开源库 Gradle插件开发系列之开发第一个gradle插件 Gradle插件开发系列之gradle插件调试方法 发布开源代码到jcenter Gradle环境变量那些事 Gradle插件开发系列之总纲 一款检查Gradle依赖配置是否冲突的插件 记一次升级Android Gradle Plugin后databing编译报错填坑经历 服务器 迁移到 腾讯云 记录 2018年春节沙巴仙本那海岛游 聚会桌游助手 nodejs入门之后台服务的几种启动方式 nginx下多域名配置示例 nodejs入门之连接mysql mysql迁移之新建用户、备份还原数据库 iMac配置基于crontab的定时任务 iOS开发 -- 首次使用Xcode运行iOS项目代码 新iMac机器装机及开发环境搭建攻略 旅行中不可或缺的软件 iMac上RubyGems相关的问题汇总 接口设计六大原则 Canvas上更高效的画SVG 微信小程序开发之SVG的使用 旅行出行前准备列表 使用Android Studio开发可独立运行(runnable)混淆过的Jar程序 2017年端午川西滇北香格里拉环线(近200张图慎点) 照片整理系列之基于命令行的照片整理及查看工具 Gradle 相关资料汇总

Android安装包精简系列之图片优化

「 终端开发 」 ——  2017年04月06日

这是个人总结的应用安装精简系列的关于图片精简的第二篇,主要介绍在不降低用户体验的前提下,尽可能的精简图片的相关方案。优化总体原则就是:在不降低图片效果、保证用户体验的前提下尽最大可能缩小图片文件的大小

概述

在应用从会存在很多简单的按钮,一般这些按钮都会使用png的图片,虽然这部分图片并不会占用太多的资源,但是也是可以优化的内容,就以这部分的优化作为系列的开始。

除 .9图、带阴影图外,所有常见的图标都做到字体库里,不使用icon图片。目前比较成熟的图标字体库可以使用font-awsome。Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。

png图片处理

由于png图片格式的设计导致png的图片天然很大,因此我们要尽可能少的使用png图片,可行的方法包括:

  • 对于无透明或渐变的png图,一律转化为jpg

    如何判断一张png的图片有没有透明或者渐变的处理,可以参考文章iMac下制作含透明度图片及判断图片透明度,或者直接使用文章中提到的工具https://github.com/bihe0832/getImageInfo。该工具基于Java环境,通过命令行处理,可以检测一张图片是否有渐变效果。例如:

      ➜  getPNGInfo git:(master) java -jar getImgInfo.jar head.png
      {"ret":0,"msg":"图片是否有渐变: true ,图片尺寸为(宽*高): 344 * 344 , 图片大小: 33 KB,图片类型: 6","hasAlpha":true,"type":6,"width":344,"height":344,"size":33}
    

    如果用工具检查确认图片不含渐变或者透明的效果,必须将png图片转为无alpha通道的jpg,另外对于存在渐变或者透明度的图片,也要判断下是否必须,非必须也要转为jpg

  • 尽可能使用代码、.9图等代替png

    在开发中对于一些简单图片,我们其实可以通过多种方式来替换,达到精简图片的效果,具体包括:

    • 对于纯色的或者渐变的背景图等,我们可以使用drawable结合color来制作,这样不但可以减少图片大小,还可以提升ui渲染的性能

    • 对于一些简单的,需要适配的图片,例如进度条、按钮等很多场景,可以使用.9.png来代替png。.9.png图片的制作,Android官方在Android SDK的tools里面已经提供了对应的工具,位于SDK/tools/draw9patch,双击即可运行程序开始制作。关于.9.png的制作,后续根据情况写一个文档吧。

    • 还有一些简单的,通过一些几何图形绘出来的图形,我们也可以考虑彻底将图形代码化,通过代码绘制对应的图片,这部分内容网上也已经有很多介绍的开源项目。

其他图处理

上面关于png的处理方案中除了png转jpg,其余的内容和上一篇的图标转字体一样更多的都是是处理一些小图,这些小图虽然小但是数量很多,因此还是有处理的必要,接下来的内容都是关于在通过上面的方法排除以后,剩余的图片怎么处理的方案,核心原则就是图片压缩和预加载

所有图片均需要采用有损压缩算法进一步压缩

按照上面的步骤处理以后,目前剩下的主要就是一些透明的png图片和大量的jpg图。对于这些图片,在不影响用户体验的前提下,我们要尽可能大的进行有损压缩。对于png的图片,必须使用压缩率更高的图片无损压缩算法ZopFliPng来压缩,对于jpg的话,则使用tinyjpg来进行压缩.

ZopFliPng 使用简介

ZopFli是一个谷歌开源的数据压缩算法,ZopFliPng是基于此开放的图片压缩工具,使用过程中,我们需要将源码clone到本地并编译,之后即可使用命令行进行图片压缩:

  • github地址:

    https://github.com/zixieTools/zopfli

  • 下载并编译

      ➜  temp ✗ git clone https://github.com/zixieTools/zopfli.git
      Cloning into 'zopfli'...
      remote: Counting objects: 518, done.
      remote: Total 518 (delta 0), reused 0 (delta 0), pack-reused 518
      Receiving objects: 100% (518/518), 429.77 KiB | 280.00 KiB/s, done.
      Resolving deltas: 100% (286/286), done.
      ➜  temp ✗ cd zopfli
      ➜  zopfli git:(master) make zopflipng
      gcc src/zopfli/blocksplitter.c src/zopfli/cache.c src/zopfli/deflate.c src/zopfli/gzip_container.c src/zopfli/hash.c src/zopfli/katajainen.c src/zopfli/lz77.c src/zopfli/squeeze.c src/zopfli/tree.c src/zopfli/util.c src/zopfli/zlib_container.c src/zopfli/zopfli_lib.c -W -Wall -Wextra -ansi -pedantic -lm -O2 -Wno-unused-function -c
      clang: warning: -lm: 'linker' input unused
      g++ blocksplitter.o cache.o deflate.o gzip_container.o hash.o katajainen.o lz77.o squeeze.o tree.o util.o zlib_container.o zopfli_lib.o src/zopflipng/lodepng/lodepng.cpp src/zopflipng/lodepng/lodepng_util.cpp src/zopflipng/zopflipng_lib.cc src/zopflipng/zopflipng_bin.cc -W -Wall -Wextra -ansi -pedantic -lm -O2 -Wno-unused-function -o zopflipng
    
  • 使用事例

      ➜  zopfli git:(master) ✗ ./zopflipng  ~/temp/1/head.png ~/temp/1/head_optimize.png
      Optimizing /Users/zixie/temp/1/head.png
      Input size: 33947 (33K)
      Result size: 20367 (19K). Percentage of original: 59.996%
      Result is smaller
    

tinyjpg 使用简介

tinyjpg 在设计师人群中比较流行,也是一款图片压缩的利器,目前对于jpg图片的有损压缩基本上都是用tinyjpg.

  • 官网地址:

    https://tinyjpg.com/

  • 使用方法

    最简单的方法就是直接在官网压缩,把图片拖动进官网的窗口,然后就会自动执行压缩,压缩完的图片会提供下载链接来下载。为了方便在命令行下使用,我也专门封装了tinyjpg的SDK,提供了java的命令行工具。

  • github地址:

    https://github.com/bihe0832/getImageInfo/tree/master/tinyjpg

  • 使用事例:

      ➜  getPNGInfo git:(master) ✗ java -jar ./tinyjpg.jar ~/temp/1/head.jpg
      tinypng_api_key:QVFA4tI-IBD6Ge4gcCqQX44xTdQTay1f
      http_proxy:http://dev-proxy.oa.com:8080
    	
      file unoptimized size: 8037
      file optimized: /Users/zixie/temp/1/head_optimized.jpg
      file optimized size: 4895
      file compress percentage: 39.094193%
    

非关键或基础场景,大图云端化

https://blog.bihe0832.com/ 经过上面的流程,目前应该大部分图片都已经被处理过了,简单的通过压缩、优化这些方法已经不能再减少应用安装包中图片的大小了,接下来就是一些非技术的优化手段了。

结合Android安装包精简系列之为什么要优化精简安装包中提到的观点,我们会有下面的一些策略

  • 部分必须要保留在安装包里面的非关键或者基础场景相关的大图通过云端下发的方式来下发。
  • 下发后的图片缓存本地,后续均使用缓存图片,不再从云端拉取
  • 应用提供几张不同类型的默认图供全局使用,用于解决网络等问题导致的图片首次下发失败的问题

这里就涉及到两个问题:

怎么找到非关键或基础场景的大图

有些应用有上千张图,因此如果一张一张去判断太过麻烦,因此我们的做法是先用脚本筛选出所有大于5K的图片,然后追踪他们的使用场景。最终确定哪些图片是可以云端下发的。对于如何找到这些大图,可以通过下面的命令:

➜  res git:(master) find . -size +5k | egrep 'png|jpg' | xargs -I {} du -h  {}
8.0K	./drawable/dice_1.png
 12K	./drawable/dice_2.png
 12K	./drawable/dice_3.png
 12K	./drawable/dice_4.png
 12K	./drawable/dice_5.png
 12K	./drawable/dice_6.png
268K	./drawable/dice_barrel.png
8.0K	./drawable/iconfont_blog.png
8.0K	./drawable/iconfont_game.png
 24K	./drawable/newer01.png
 20K	./drawable/shake.png
 16K	./drawable/shake_gray.png

因为是简单的shell命令,因此不再专门具体介绍,通过命令的组合可以完成很多筛选的条件

怎么找到图片的使用场景

对于找到的每一张图,在Android Studio里面右击图片,然后选择Find Usages(或者直接使用快捷键Alt + F7),IDE就会帮你找出代码中所有的引用。如下图:

接下来的就是具体的代码分析了。这里要注意通过反射获取的资源是无法通过这种方式发现的,因此如果项目中有使用比较多的反射,建议通过别的方法处理,这部分内容我会在后面介绍资源精简的时候说明。

关于webp

WebP是一种支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式 VP8。根据 Google 的测试,无损压缩后的 WebP 比 PNG 文件少了 45% 的文件大小,即使这些 PNG 文件经过其他压缩工具压缩之后,WebP 还是可以减少 28% 的文件大小。使用webp更大的目的并不是为了降低安装包大小,而是为了降低带宽占用。

虽然webp存在兼容性的问题,但目前github上已经有解决方案。之前简单验证尝试发现引入的so都比较大,单CPU在80K+,但是开源项目是提供了编码、解码等一整套方案的代码。对于客户端来说,我们仅仅关注解码相关的内容,虽然并没有亲自实践,但是感觉仅用来兼容低版本解码的so经过整合以后应该并不是很大,因此个人对于webp还是是比较积极的看法


赞赏

取消
微信扫一扫,赞赏子勰
扫码支持
屌丝程序猿,鸡血攻城狮!努力学技术,潜心做精品!