從Oppo手機拍照無法展示談圖片壓縮
實際項目中遇到一個需要拍照上傳然後展示圖片的功能,該功能在其他手機上都測試沒問題,唯獨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;
}