由来


在我们编写 Android 程序的时候,几乎永远逃避不了图片压缩的难题。除了应用图标之外,我们所要显示的图片基本上只有两个来源:

  • 来自网络下载
  • 本地相册中加载

不管是网上下载下来的也好,还是从系统图片库中读取的图片,都有一个相同的特点:像素一帮较高。同时我们都知道,Android 系统分配给我们每个应用的内存是有限的,由于解析、加载一张图片,需要占用的内存大小,是远大于图片自身大小的。所以,这时程序就可能因为占用了过多的内存,从而出现 OOM 现象。那么什么是 OOM 呢?

Exception java.lang.OutOfMemoryError: Failed to allocate a 916 byte allocation with 8388608 free bytes and 369MB until OOM; failed due to fragmentation (required continguous free 65536 bytes for a new buffer where largest contiguous free 32768 bytes)
java.nio.CharBuffer.allocate (CharBuffer.java:54)
java.nio.charset.CharsetDecoder.allocateMore (CharsetDecoder.java:226)
java.nio.charset.CharsetDecoder.decode (CharsetDecoder.java:188)
org.java_websocket.util.Charsetfunctions.stringUtf8 (Charsetfunctions.java:77)
org.java_websocket.WebSocketImpl.decodeFrames (WebSocketImpl.java:375)
org.java_websocket.WebSocketImpl.decode (WebSocketImpl.java:158)
org.java_websocket.client.WebSocketClient.run (WebSocketClient.java:185)
java.lang.Thread.run (Thread.java:818)

OOMOutOfMemory 异常,也就是我们所说的 内存溢出 ,其一般表现为应用闪退等现象。那么我们该如何下手去解决呢?

解决方案


首先我们发现,我们所加载的这些图片的分辨率,要比我们手机屏幕高得多,更有甚者,我们在一个拇指大的控件上,去加载一个 4k 大图是完全没有必要的,也就是说,如果我们能让每个控件上都去显示相应大小的图片,那么这个问题也就迎刃而解了

那么,要怎样才能达到图片与控件的对号入座?这时我们就引进了图片压缩的方案:

  • 首先,获得原图片大小
  • 其次,获取控件大小
  • 接着,获取我们图片和控件的比例
  • 最后,根据这一比例,将图片压缩为适合显示的大小

那么就让我们开始吧:

获取原图大小


我们都知道,Android 向我们提供了 BitmapFactory 这个类,在这个类中有着诸如:decodeResource() decodeFile() decodeStream() 等:

public static Bitmap decodeResource(Resources res, int id)

public static Bitmap decodeFile(String pathName)

public static Bitmap decodeStream(InputStream is)

其中:

  • decodeResource() : 用于解析资源文件,即 res 文件夹下的图片
  • decodeFile() : 用于解析系统相册中的图片
  • decodeStream() : 用于解析输入输出流中图片通常,是采用 HttpClient 从下载的图片

其他的方法这里就不多说了,因为在源码中我们可有i看到,几乎所有的方法,最后都会将图片解析为流的形式,最后调用 decodeStream() 方法,实例化出我们的 Bitmap 对象。

虽然这些方法对我们是再熟悉不过的了,但对于某些初学者而言,却经常忽略了一个重要的内部类 :BitmapFactory.Options ,然而他确实我们图片压缩必不可少的,为什么需要这个参数呢?Options 的对象用于确定需要生成的 Bitmap 即目标图片的参数。

他的用法很简单,我们先 new 一个 BitmapFactory.Options 对象。再去调用含有 Options 参数的方法,如

  • public static Bitmap decodeResource(Resources res, int id, Options opts)
  • public static Bitmap decodeResourceStream(@Nullable Resources res,@Nullable TypedValue value,@Nullable InputStream is, @Nullable Rect pad, @Nullable Options opts)

调用完之后我们发现,除了方法放回给我们一个实例化出来的 Bitmap 图片之外,这个 Options 对象中长度、宽度、类型等等属性,也都被设置成了了我们图片的相应属性。所以,我们很容易想到:通过将 Options 对象传入,来获得图片的原始尺寸,为后期的压缩做准备,说干就干,我们将 Options 对象,和 Resources 中一张 4k 图片的 id 一块传入上诉方法中,来尝试获得它的尺寸,结果我们发现:程序 OOM 崩溃了!

为什么会发生这种情况?首先我们想想我们为什么要获得这个 Options 对象?时为了获得图片的尺寸大小;那我们为什么要获得原图尺寸大小?是为了按照原图尺寸和控件尺寸的比例,将其压缩为适合显示的大小?那我们又为什么要去压缩它为合适的大小呢?是因为如果按照原大小去调用相应的 decode...() 方法解析图片,会导致内存占有率过高触发 OOM 异常,进而导致程序崩溃啊!没想到的是:结果我们为了获得 Options 而调用了相应的 decode...() 方法,的确 Options 是复制了,但由于该方法适用于生成图片,也就是 Bitmap 对象的。所以程序也在解析这张超大图的过程中 OOM 崩溃了

那么难道就没方法了吗?

有的,我之前说过:Option 内部有着众多参数,其中有一个叫做: inJustDecodeBounds 。这个参数默认值为 false 。但如果我们先把这个参数设置为 true 时,该方法便不在会去生成相应的 Bitmap ,而仅仅是去测量图片的各种属性,如长度、宽度、类型等等,然后放回一个 null 。所以,我们很容易想到:可以先通过将 inJustDecodeBounds 的值设为 true ,再去调用相应的相应的 decode...() 方法,最后再将 inJustDecodeBounds 的值改回 false 。这种做法有两个好处:

  1. 既能获得图片大小,由于后续操作
  2. 又成功避免了去解析图片,导致程序 OOM 而崩溃。

但这恰恰是被很多人所忽略的一点。

好了,现在给出具体的实现:

    public static void calculateOptionsById(@NonNull Resources res,@NonNull BitmapFactory.Options options, int imgId) {
BitmapFactory.decodeResource(res, imgId, options);
}

大家可能发现,这里只将 inJustDecodeBounds 设为true却没有改回 false ,这是因为获得 Options 只是图片压缩的第一步,我们在后续方法中将会进行修改

如何进行压缩


我们继续看 Options 的构成。我们发现,其中有个名为 inSampleSize 的数据成员,他就是关键所在,那么他有着什么意义呢?

这里我给大家举个例子,比如我这有张 4000*1000 像素的图片:

  • 当我们把 inSampleSize 的值设为 4 时,最后生成出来的图片大小将会是:1000 x 250 像素
  • 当我们把inSampleSize 的值设为5时,最后生成出来的图片大小将会是:800 x 200 像素。这是个什么概念?

这不仅仅是长宽都变为原来四分之一或者五分之一这么简单,而是其图片大小,直接变为原图的 1/(n^2) !也就是说:

  • 如果原图 2MB,那么当 inSampleSize 赋值为4加载时就只需要 0.125MB
  • 那 如果 inSampleSize 赋值为 5 呢?只需要 0.08 MB!连 100k 都不到的小图啊!

那么下面我就给出这个方法的具体实现:

    public static int calculateInSamplesizeByOptions(@NonNull BitmapFactory.Options options, int reqWidth, int reqHeight) {
int inSamplesize = 1;
int originalWidth = options.outWidth;
int originalHeight = options.outHeight;
if (originalHeight > reqHeight || originalWidth > reqWidth) {
int heightRatio = originalHeight / reqHeight;
int widthRatio = originalWidth / reqWidth;
inSamplesize = heightRatio > widthRatio ? heightRatio : widthRatio;
}
return inSamplesize;
}

我们发现,这里我先计算出了,原图尺寸与目标大小大比例,在三目运算符中,将inSamplesize 赋值为较大的一个。为什么不用小的那一个呢?这里我就卖个关子,大家可以在评论区中发表自己的想法

生成目标图片


经过前面的两个步骤,想必大家已经能勾勒处这最后一步的做法了,思路非常简单:

  1. 先生成一个 Options 对象
  2. Options 的 inJustDecodeBounds 设置为 true
  3. 接着调用方法一calculateOptionsById获得原图尺寸到Options
  4. 调用方法三 calculateInSamplesizeByOptions 获得相应的 inSampleSize 对象
  5. Options inJustDecodeBounds改回 false
  6. 再次调用 decode...() 方法(这里是 decodeResource )获得压缩后的 Bitmap 对象

具体实现如下

    public static Bitmap decodeBitmapById (@NonNull Resources res, int resId, int reqWidth, int reqHeight) {
BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
calculateOptionsById(res, options, resId);
options.inSampleSize = calculateInSamplesizeByOptions(options, reqWidth, reqHeight);
options.inJustDecodeBounds = false;
Bitmap bitmap = BitmapFactory.decodeResource(res, resId, options);
return bitmap;
}

非常棒,我们赶紧看看效果:

太棒了,几乎和原图效果一摸一样,但软件运行的流畅性确大大提高了!但是,这真的就完美了吗?

最求完美的我们可能会有个想法:如果调用我们方法的人,或者说特殊时候的我们。不想用这个已经写好的 decodeBitmapById 方法,而是像自己通过前两个方法:calculateOptionsById calculateInSamplesizeByOptions 来实现图片压缩功能,这是问题就出现了:

  • 调用 calculateOptionsById 前可能忘记,设置 inJustDecodeBoundtrue ,进而导致计算超大图时,直接发生 OOM
  • 调用完 calculateInSamplesizeByOptions 后可能忘记,设置 inJustDecodeBoundsfalse ,进而导致无法获得 Bitmap 对象,一脸懵逼
  • 啥都做了结果调用完 calculateInSamplesizeByOptions 没把没回的值赋给 options.inSampleSize ,白忙活一场

所以,我们需要在优化一下:

首先,在calculateOptionsById中,默认将 options.inJustDecodeBounds 设置为 true

    public static void calculateOptionsById(@NonNull Resources res,@NonNull BitmapFactory.Options options, int imgId) {
options.inJustDecodeBounds = true;
BitmapFactory.decodeResource(res, imgId, options);
}

其次,在 calculateInSamplesizeByOptions 最后,默认将 options.inJustDecodeBounds 设置为 false

    public static int calculateInSamplesizeByOptions(@NonNull BitmapFactory.Options options, int reqWidth, int reqHeight) {
int inSamplesize = 1;
int originalWidth = options.outWidth;
int originalHeight = options.outHeight;
if (originalHeight > reqHeight || originalWidth > reqWidth) {
int heightRatio = originalHeight / reqHeight;
int widthRatio = originalWidth / reqWidth;
inSamplesize = heightRatio > widthRatio ? heightRatio : widthRatio;
}
options.inJustDecodeBounds = false;
return inSamplesize;
}

为什么不在该方法后面,对 options.inSampleSize 进行赋值呢?这主要是防止,有时我们可能只想得到计算相应比例来做其他操作,而不想改变原有属性,所以是否赋值,就交给用户去选择吧

总结


好了,到这里为止,历时有关图片压缩的所有坑坑洼洼都已经总结好了,我们从头理以边思路:

  1. 借助 options.inJustDecodeBounds 参数赋值true时,不生成图片的特性,将原图尺寸保存在 Options
  2. 通过 options 中原图尺寸与目标(控件)尺寸的比例,对 options.inSampleSize 进行设置
  3. 生成目标图片
  4. 压缩的问题解决了,但是每次打开图片都压缩也太麻烦了!下面我将针对这个问题进行更有效地解决 ,有兴趣可以继续关注 _yuanhao 的编程世界

相关文章


Android 让你的 Room 搭上 RxJava 的顺风车 从重复的代码中解脱出来

ViewModel 和 ViewModelProvider.Factory:ViewModel 的创建者

单例模式-全局可用的 context 对象,这一篇就够了

缩放手势 ScaleGestureDetector 源码解析,这一篇就够了

Android 属性动画框架 ObjectAnimator、ValueAnimator ,这一篇就够了

看完这篇再不会 View 的动画框架,我跪搓衣板

看完这篇还不会 GestureDetector 手势检测,我跪搓衣板!

android 自定义控件之-绘制钟表盘

Android 进阶自定义 ViewGroup 自定义布局

看完这篇还不会自定义 View ,我跪搓衣板

欢迎关注_yuanhao的博客园!


定期分享Android开发湿货,追求文章幽默与深度的完美统一。

源码 Demo 链接:Drop 我第一次写的 Android 项目,希望大家点歌 star~ 谢谢!

请点赞!因为你的鼓励是我写作的最大动力!

每个人都要学的图片压缩终极奥义,有效解决 Android 程序 OOM的更多相关文章

  1. spring mvc 图片上传,图片压缩、跨域解决、 按天生成文件夹 ,删除,限制为图片代码等相关配置

    spring mvc 图片上传,跨域解决 按天生成文件夹 ,删除,限制为图片代码,等相关配置 fs.root=data/ #fs.root=/home/dev/fs/ #fs.root=D:/fs/ ...

  2. 月薪3万+的大数据人都在疯学Flink,为什么?

    身处大数据圈近5年了,在我的概念里一直认为大数据最牛的两个东西是Hadoop和Spark.18年下半年的时候,我突然发现身边很多大数据牛人都是研究学习Flink,甚至连Spark都大有被冷落抛弃的感觉 ...

  3. 图片压缩(pc端和移动端都适用)

    最近在做移动端遇到了一个问题就是: 手机拍照后,图片过大如果上传到服务器务必会浪费带宽,最重要的是流量啊 别慌,好事儿来了,务必就会有人去研究研究图片的压缩: 鄙人结合前人的经验,结合自己实战,总结出 ...

  4. 上传伪技术~很多人都以为判断了后缀,判断了ContentType,判断了头文件就真的安全了。是吗?

    今天群里有人聊图片上传,简单说下自己的经验(大牛勿喷) 0.如果你的方法里面是有指定路径的,记得一定要过滤../,比如你把 aa文件夹设置了权限,一些类似于exe,asp,php之类的文件不能执行,那 ...

  5. Java后端实现图片压缩技术

    今天来说说图片压缩技术,为什么要使用图片压缩,图片上传不就完事了吗?对的,这在几年前可以这么说,因为几年前还没有现在这么大的并发,也没有现在这么关注性能. 如今手机很多,很多人都是通过手机访问网络或者 ...

  6. 使用 opencv 将图片压缩到指定文件尺寸

    前言 图片压缩应用很广泛,如生成缩略图等.前期我在进行图片处理的过程中碰到了一个问题,就是如何将图片压缩到指定尺寸,此处尺寸指的是生成图片文件的大小. 我使用 opencv 进行图片处理,于是想着直接 ...

  7. DXT 图片压缩(DXTC/DirectX Texture Compression Overview)

    这两天在写 DDS 格式的解码程序.DDS 是微软为 DirectX 开发的一种图片格式,MSDN 上可以查到其文件格式说明: http://msdn2.microsoft.com/en-us/lib ...

  8. 基于vue + axios + lrz.js 微信端图片压缩上传

    业务场景 微信端项目是基于Vux + Axios构建的,关于图片上传的业务场景有以下几点需求: 1.单张图片上传(如个人头像,实名认证等业务) 2.多张图片上传(如某类工单记录) 3.上传图片时期望能 ...

  9. 移动端 H5 拍照 从手机选择图片,移动端预览,图片压缩,图片预览,再上传服务器

    前言:最近公司的项目在做全网营销,要做非微信浏览器的wap 站 的改版,其中涉及到的一点技术就是采用H5 选择手机相册中的图片,或者拍照,再将获取的图片进行压缩之后上传. 这个功能模块主要有这5点比较 ...

随机推荐

  1. Jenkins教程(三)添加凭据与流水线拉取Git代码

    前言 本文旨在配置凭据.使用Git仓库中的Jenkinsfile与使用声明式流水线拉取Git代码 使用SVN等其他版本控制工具,请参考使用Pipeline-Syntax生成对应代码块 凭据(crede ...

  2. Docker资源管理

    一台宿主机可以放多个容器,默认的情况下,Docker 没有对容器进行硬件资源的限制,当容器负载过高时会尽可能的占用宿主机资源,所以有时候我们需要对容器的资源使用设置一个上限,今天我们就来看看如何管理 ...

  3. [翻译] C# 8.0 接口默认实现

    原文: Default implementations in interfaces 随着上周的 .NET Core 3.0 Prview 5 和 Visual Studio 2019 version ...

  4. TK可视化之文件内容查找

    1.内容输出类 import tkinter import python基础.day15.搜索数据可视化.BigDataFind class InputViem(): def __init__(sel ...

  5. 系统模块 OS

    os.system("系统命令")  调用系统命令 os.system("task kill /f /im 系统的进程") 关闭系统进程 os.listdir( ...

  6. 天梯杯 L2-010. 排座位

    L2-010. 排座位 时间限制 150 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 陈越 布置宴席最微妙的事情,就是给前来参宴的各位宾客安排座位. ...

  7. 关于BFC的一些事

    BFC的生成 在实现CSS的布局时,假设我们不知道BFC的话,很多地方我们生成了BFC但是不知道.在布局中,一个元素是block元素还是inline元素是必须要知道的.而BFC就是用来格式化块状元素盒 ...

  8. java中public,private,protected和default的区别

    类中的数据成员和成员函数据具有的访问权限包括:public.private.protect.default(包访问权限) 作用域       当前类     同一package 子孙类   其他pac ...

  9. Invalid bound statement (not found): com.taotao.mapper.TbItemMapper.selectByExample问题解决

    最近在做一个关于ssm框架整合的项目,但是今天正合完后出现了问题: Invalid bound statement (not found): com.taotao.mapper.TbItemMappe ...

  10. 教程 —— 如何在自己的应用集成superset

    Superset 是apache的一个孵化项目,定位为一款现代的,准商用BI系统 superset Apache Superset (incubating) is a modern, enterpri ...