使用图片的一些优化姿势

Android

需要了解的知识

• 一个图片是如何被加载的,涉及到Resources体系
• 了解Drawable体系,例如BitmapDrawable是怎么用的,Drawable的状态共享问题
• 了解Bitmap体系

图片内存占用计算

系统默认用Bitmap.Config.ARGB_8888加载图片,每个像素需要4个字节来存储,
所以16*16像素的图片占用内存就是16 * 16 * 4 = 1024 Byte = 1 KB
也就是64*64像素要16KB,160*160像素要100KB...

Bitmap占用内存和图片的体积不是正相关的,图片有压缩率,可以压的很小,但是加载到内存时是需要还原到每一个像素的,所以图片体积小不等于占用内存少.

减少内存占用

减小图片像素

• 使用合适的图片,放到合适位置的目录.思考:放到不同目录会怎样?
• 根据需求采样,使用Bitmap的inJustDecodeBounds和inSampleSize来使用合适的宽高

降低图片质量

• 对于没有透明度的图片使用 Bitmap.Config.RGB_565

使用webP、jpg、矢量图

减少图片数量

1. 图片基本一样,纯粹是颜色不同的情况下,不同状态的Drawable使用多套不同图

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/ic_menu_normal" android:state_pressed="false" />
    <item android:drawable="@mipmap/ic_menu_pressed" android:state_pressed="true" />
</selector>

改进方式:使用tint着色模式,减少多套不同颜色的图片

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <bitmap android:src="@mipmap/ic_menu_normal" android:tint="#D2B978" />
    </item>
    <item android:drawable="@mipmap/ic_menu_normal" />
</selector>

限制:API >= 21(Android L)以后才原生支持tint着色
兼容:使用DrawableCompat,ViewCompat方法代码动态设置

ImageView可以使用tint着色修改图片的颜色,支持API>=9,详细参看使用 ImageView tint 属性

<!-- API 21 以下只支持单色 -->
<ImageView 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:tint="#f00"
    android:src="@mipmap/ic_search" />
<!-- tint 使用多状态颜色(ColorStateList),API<21 不支持,会Crash -->
<ImageView 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:tint="@color/text_color"
    android:src="@mipmap/ic_search" />    

扩展:使用着色相关的属性,tint,tintBackground,tintForground,tintMode,etc.

1. 使用自定义Shape替代一下简单,规则的图片