实际项目中遇到一个需要拍照上传然后展示图片的功能,该功能在其他手机上都测试没问题,唯独Oppo手机拍摄的照片无法展示,后来发现是因为号称“拍照手机”的Oppo拍摄的照片分辨率过高的问题。该图片是jpg格式,分辨率为3120*4160。单纯在电脑上查看大小不过3.1M,为什么3.1M大小的图片都能导致OOM(Out Of Memory)错误呢?本文将进行讲解,并给出解决方案。
jpg格式是经过压缩的图片,3.1M是说压缩后的文件大小,实际通过图片浏览器进行展示的时候并不是直接展示这个3.1M大小的文件,而是首先根据文件格式进行解压缩,解压缩的解码器跟图片格式相关,比如jpg解码器,png解码器,gif解码器等,每个图片浏览器支持众多的图片格式中的一种或几种。
不同格式的图片经过解码后得到格式统一的可被图片浏览器展示的数据,包括图片尺寸(像素数),每个像素的ARGB(Alpha, Red, Green, Blue)值等。最终影响图片展示所需内存的正是图片尺寸和每个像素的格式这两个因素。
普通手机拍摄一张照片尺寸比如768*1024,而Oppo拍摄的是3120*4160,大小足足是普通手机的16.5倍!如果采取每个像素ARGB_8888(四个字节)的格式展示,普通照片占据768*1024*4=3M,而Oppo则是3120*4160*4=49.5M,Android分配给一个app的内存大概有90M,其中free的部分通常只有十几兆,要加载一个49.5M的图片必然导致OOM!而且3120*4160大小的照片在768*1024的屏幕上展示,绝大部分像素都没法展示出来,是无效像素,本身就没意义。
找到了问题,就知道怎么解决了。无非是从两个方面入手:
第一:降低采样密度,减小图片的尺寸,比如从3120*4160个像素中只采样768*1024个像素,这样就能将图片大小缩小为原来的1/16.5。
第二:对于对于图片质量要求不高的场景,可以将每像素格式由ARGB_8888换成RGB_565,如此一来每个像素只需要两个像素,又能将内存消耗量减少一半,此时只需要768*1024*2=1.5M,可以轻松加载。
样例代码如下:
public static Bitmap getCompressedBitmap(String filePath) {
try {
BitmapFactory.Options o = new BitmapFactory.Options();
// 第一次只解码原始长宽的值
o.inJustDecodeBounds = true;
try {
BitmapFactory.decodeStream(new FileInputStream(new File(filePath)), null, o);
} catch (FileNotFoundException e) {
e.printStackTrace();
return null;
}
BitmapFactory.Options o2 = new BitmapFactory.Options();
// 根据原始图片长宽和需要的长宽计算采样比例,必须是2的倍数,
// IMAGE_WIDTH_DEFAULT=768, IMAGE_HEIGHT_DEFAULT=1024
o2.inSampleSize = getImageScale(o.outWidth, o.outHeight, IMAGE_WIDTH_DEFAULT, IMAGE_HEIGHT_DEFAULT);
// 每像素采用RGB_565的格式保存
o2.inPreferredConfig = Bitmap.Config.RGB_565;
// 根据压缩参数的设置进行第二次解码
Bitmap b = BitmapFactory.decodeStream(new FileInputStream(new File(filePath)), null, o2);
return b;
} catch (Exception e) {
e.printStackTrace();
} return null;
}
// 获取采样比例
public static int getImageScale(int outWidth, int outHeight, int needWidth, int needHeight) {
int scale = 1;
if (outHeight > needHeight || outWidth > needWidth) {
int maxSize = needHeight > needWidth ? needHeight : needWidth;
scale = (int) Math.pow(2, (int) Math.round(Math.log(maxSize /(double) Math.max(outHeight, outWidth)) / Math.log(0.5)));
}
return scale;
}