转载请注明原作者,如果你觉得这篇文章对你有帮助或启发,可以关注打赏。
使用VectorDrawable代替传统的png格式的ico
Android 5.0开始提供了新的API VectorDrawable 可以使用SVG类型的资源,也就是矢量图。
与矢量图相对应的是栅格图,png,jpg等格式的是栅格图,在android中因为要适配不同分辨率的机型,我们需要在不同的资源文件夹下放置不同尺寸的图片资源,因为栅格图形是有固定数量的像素组成,放大会导致图像失真模糊。
现在有了矢量图的支持,我们只需要一套图标资源就OK了,而且更节省空间png格式要好几k,现在只需几百字节。那要怎么做呢?
-
添加VectorDrawable兼容包
compile 'com.android.support:support-vector-drawable:24.1.0'
将UI(UI使用Adobe Illustrator可以制作svg图)给你的svg图转换为VectorDrawable
例如上面这个svg格式的icon用文本编辑器打开只这样的:
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="46.051px" height="46.051px" viewBox="0 0 46.051 46.051" enable-background="new 0 0 46.051 46.051" xml:space="preserve">
<g>
<g>
<g id="XMLID_16_">
<path fill="#040000" d="M36.219,10.212L21.707,8.94L3.025,27.407l15.799,15.618l18.681-18.467L36.219,10.212z M30.97,17.792
c-1.235,0-2.264-1.017-2.264-2.238c0-1.221,1.029-2.238,2.264-2.238c1.235,0,2.264,1.017,2.264,2.238
C33.235,16.825,32.205,17.792,30.97,17.792z"/>
</g>
<g id="XMLID_15_">
<path fill="#040000" d="M35.653,17.601c-1.662,0-3.207-0.516-4.47-1.492l0.396-0.501c1.148,0.887,2.557,1.357,4.073,1.357
c3.71,0,6.729-2.984,6.729-6.652c0-3.668-3.019-6.652-6.729-6.652c-3.294,0-6.083,2.285-6.631,5.434l-0.634-0.108
c0.601-3.455,3.656-5.962,7.265-5.962c4.065,0,7.372,3.269,7.372,7.288S39.718,17.601,35.653,17.601z"/>
</g>
</g>
</g>
</svg>
转换称VectorDrawable后是什么样呢?
<vector android:height="20dp" android:viewportHeight="48.0"
android:viewportWidth="48.0" android:width="20dp" xmlns:android="http://schemas.android.com/apk/res/android">
<path android:fillColor="#040000" android:pathData="M36.219,10.212L21.707,8.94L3.025,27.407l15.799,15.618l18.681-18.467L36.219,10.212z M30.97,17.792
c-1.235,0-2.264-1.017-2.264-2.238c0-1.221,1.029-2.238,2.264-2.238c1.235,0,2.264,1.017,2.264,2.238
C33.235,16.825,32.205,17.792,30.97,17.792z"/>
<path android:fillColor="#040000" android:pathData="M35.653,17.601c-1.662,0-3.207-0.516-4.47-1.492l0.396-0.501c1.148,0.887,2.557,1.357,4.073,1.357
c3.71,0,6.729-2.984,6.729-6.652c0-3.668-3.019-6.652-6.729-6.652c-3.294,0-6.083,2.285-6.631,5.434l-0.634-0.108
c0.601-3.455,3.656-5.962,7.265-5.962c4.065,0,7.372,3.269,7.372,7.288S39.718,17.601,35.653,17.601z"/>
</vector>
svg的path节点与VectorDrawable的path节点,fill属性对应fillColors属性,定义颜色,d属性对应pathData属性,我们只需要在res/drawable目录下创建xml文件,将svg中的对应属性值复制过来即可。
height和width属性定义绝对宽高,viewportWidth和viewportHeight属性定义画布大小,path超出画布部分就不显示了。
更多详情请移步:
<https://developer.android.com/training/material/drawables.html>
<https://developer.android.com/reference/android/graphics/drawable/VectorDrawable.html>
<https://developer.android.com/reference/android/graphics/drawable/AnimatedVectorDrawable.html>
<http://www.w3.org/TR/SVG11/paths.html#PathData>
大图使用webp格式
对于大图,无论是png 还是 jpg格式的,可以将其转换为webp格式的。
WebP格式,谷歌(google)开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3,并能节省大量的服务器带宽资源和数据空间。
webp可以作为应用图片传输的格式,可以节省服务器的资源,用户流量消耗及客户端缓存空间占用,当然客户端的静态资源使用webp格式,好处是显而易见的,当然解析需要的cpu资源会增加,但相对于当前移动设备的硬件性能过剩,这就不算什么了。
根据我个人的实验,转换格式的压缩率是波动的,最多可缩减70%多,少的可缩减1/3左右,对于一些只有十几k的图就不要转换格式了,反而会增加其大小。
那么怎么转换格式呢?这里给大家一个网站(支持将文件转存到Dropbox和GoogleDrive)。将转换后的webp格式的图片直接放置到项目的mipmap目录中即可,android4.0以上是可以直接使用的,包括在xml中引用,但AndroidStudio好像没法预览。
http://image.online-convert.com/convert-to-webp
对于其他的一些png图使用tinypng压缩
这里给大家一个好用的网站:
https://tinypng.com/
去除冗余依赖
谨慎引入开源库,因为一不小心就会导致你的app增加好几兆。
对于那些app中引入好几个网络框架,或图片加载框架,无力吐槽了,最好将引入的第三方框架进行封装,这样方便以后的迁移。
去除冗余的依赖,例如项目中要使用firebase分析,我只需要添加
compile 'com.google.android.gms:play-services-base:9.4.0'
而不是整个:play-services包
compile 'com.google.android.gms:play-services:9.4.0'
去除第三方sdk冗余so库
在build.gradle中android节点下添加
packagingOptions {
***
exclude 'lib/x86_64/libucrop.so'
***
}
去除用不上的so库,对于用到的只需保留armeabi-v7a的即可,v8指令集是兼容v7的。
ShrinkResourcesGradle以及MinifyEnabled
添加到代码中的库可能包含未使用的资源。在APP的build.gradle文件中启动shrinkResourcesGradle,它能自动替你删除这些资源。
android{
buildTypes{
release{
minifyEnabled true
shrinkResources true
proguardFiles getDefaultProguardFile('proguard-android.txt'),'proguard-rules.pro'
}
}
}
为了使用shrinkResources,你必须启动代码压缩,将minifyEnabled设置为true。在构建的过程中,首先ProGuard会移除没有使用的代码,接着Gradle会移除没有使用的资源。
在Proguard中,是否保留符号表对APP的大小是有显著的影响的,可酌情注释下面这行代码,但是建议尽量保留,它可以用于保留调试信息。
-keepattributes SourceFile,LineNumberTable
微信资源压缩打包
微信中的资源混淆工具主要为了混淆资源ID长度(例如将res/drawable/welcome.png混淆为r/s/a.png),同时利用7zip深度压缩,大大减少了安装包体积,同时也增加了逼格,提升了反破解难度。效果非常的好。
实现原理请查看:http://www.iteye.com/topic/1141990
使用请查看:https://github.com/shwenzhang/AndResGuard
That's all ! Sharing creates value.