使用SDWebImage下載高分辨率圖,導致內存暴增的解決辦法

最近,遇到一個問題,有個控制器,一進去就crash,而且手機非常的燙,用instrument跑了跑,發現內存暴增幾百兆;如圖:


Snip20160725_3.png

  圖中可以看出,內存暴增的罪魁禍首是YYImage,再進一步定位問題,如圖:


Snip20160725_6.png

  現在已經可以很清楚的知道,具體是哪些代碼導致內存飆升的,這個方法“YYCGImageCreateDecodeCopy”,主要是對圖像進行解壓縮操作;同樣的,換成SDWebImage,也出現了相同情況,由于某些原因,之后的分析都將以SDWebImage為例。
  先貼上調用的SDWebImage的代碼:
[self sd_setImageWithURL:[NSURL URLWithString:imageUrl] placeholderImage:[UIImage imageNamed:@"defaulImage"] options:SDWebImageProgressiveDownload completed:nil];

instrument分析圖:

Snip20160725_4.png

代碼定位:
Snip20160725_8.png

  同樣的,也是在解壓縮的時候,出現內存飆升,但是為什么會這樣呢?
  首先我想到“Create”必須得對應一個“Release”,于是我認真的看了每一行代碼,無論是YYImage還是SDWebImage,都嚴格遵守了這一準則,既然都有Release,那么就不是內存泄露了,應該是在這幾行代碼執行的過程中,產生的內存消耗。可是怎么會消耗這么大呢?一張圖片也就幾M的大小啊,這個解壓縮存在的意義是什么呢?
  我從“H_偉華 博樂家園”的一篇博客中找到了解壓縮存在的意義(http://blog.163.com/huang1988519@126/blog/static/737875752013101803137445/)

當完成圖片加載或者從本地加載圖片時,還會有輕微的卡頓。
因為當顯示或者繪制的時候,UIKit 只做了額外的延遲初始化和消耗很高解碼。
而下面的代碼片段,從后臺線程解壓縮成合適的格式,從而讓系統不必做額外的轉換。
然后在主線程上顯示

我又疑惑了,既然是為了優化,為啥會適得其反呢?我百思不得其解,最后在SDWebImage的issues找到了相關的討論:
https://github.com/rs/SDWebImage/issues/538
其中一個harishkashyap大神是這么回答的:

harishkashyap commented on Dec 23, 2014
Its the memory issue again. decodedImageWithImage takes up huge memory and causes the app to crash. I have added an option to put this off in the library but defaulting to YES so there aren't any breaking changes. If you put off the decodeImageWithImage method in both image cache and image downloader then you shouldn't be seeing the VM: CG Raster data on the top consuming lots of memory

decodeImageWithImage is supposed to decompress images and cache them so the loading on tableviews/collectionviews become better. However, with large set of images being loaded, the experience worsened and the memory of uncompressed images even with thumbnails can consume GBs of memory. Putting this off only improved performance.

[[SDImageCache sharedImageCache] setShouldDecompressImages:NO];
[[SDWebImageDownloader sharedDownloader] setShouldDecompressImages:NO];

https://github.com/harishkashyap/SDWebImage/tree/fix-memory-issues

這位大神提到,decodeImageWithImage這個方法用于對圖片進行解壓縮并且緩存起來,以保證tableviews/collectionviews 交互更加流暢,但是如果是加載高分辨率圖片的話,會適得其反,有可能造成上G的內存消耗。該大神建議,對于高分辨率的圖片,應該在圖片解壓縮后,禁止緩存解壓縮后的數據,相關的代碼處理為:

[[SDImageCache sharedImageCache] setShouldDecompressImages:NO];
[[SDWebImageDownloader sharedDownloader] setShouldDecompressImages:NO];

雖然這位大神給了肯定的答案,但是為什么會如此呢?
我查閱了apple官方文檔對CGBitmapContextCreate函數的注解:


Snip20160725_10.png

圖中紅框部分的參數,引起了我的注意:

bitsPerComponent 表示存入內存中的每個像素中的每一個組件所占的位數;
bytesPerRow 表示存入內存中的位圖的每一行所占的字節數;

我猜測,解壓縮操作中,每一個像素點都會分配一個空間來存儲相關值,那么分辨率越高的圖片,就意味著更多數量的像素點,也就意味著需要分配更多的空間!所以對于高分辨率圖來說,如果緩存解壓縮之后的數據,即使是幾M的圖片,也是有可能消耗上G的內存!
  既然如此,我決定按照harishkashyap大神的方法,直接讓下載高分辨率圖的地方,避免緩存解壓縮后的數據操作!
  項目中,高清圖涉及到的地方,都全部已經封裝起來了,那么就輕松了很多。為了保證封裝類不對外界產生影響,我只在調用封裝類時,禁用緩存解壓縮數據,調用完畢再恢復原設置即可。這樣既能保證高分辨率圖不crash,也能保證其他地方,普通圖片依舊可以通過緩存解壓縮數據進行優化。

SDWebImage 5.0解決辦法:

https://github.com/SDWebImage/SDWebImage/pull/2283#issuecomment-490424361


SDWebImage 4.x解決辦法:
  由于封裝的是一個控制器,所以我決定在控制器loadView方法中禁用緩存解壓縮數據,在delloc方法中恢復原設置:
1、首先在封裝的控制器中定義變量用于存儲原設置:

static BOOL SDImageCacheOldShouldDecompressImages = YES;
static BOOL SDImagedownloderOldShouldDecompressImages = YES;

2、loadView中保存原設置并且禁用緩存解壓縮數據:

SDImageCache *canche = [SDImageCache sharedImageCache];
// SDImageCacheOldShouldDecompressImages = canche.shouldDecompressImages;
// canche.shouldDecompressImages = NO;
// 上面的被廢掉了,目前的寫法是:
SDImageCacheOldShouldDecompressImages = canche.config.shouldDecompressImages;
canche.config.shouldDecompressImages = NO;

SDWebImageDownloader *downloder = [SDWebImageDownloader sharedDownloader];
SDImagedownloderOldShouldDecompressImages = downloder.shouldDecompressImages;
downloder.shouldDecompressImages = NO;

3、dealloc中恢復原設置:

-(void)dealloc {
    SDImageCache *canche = [SDImageCache sharedImageCache];
    canche.config.shouldDecompressImages = SDImageCacheOldShouldDecompressImages;
    
    SDWebImageDownloader *downloder = [SDWebImageDownloader sharedDownloader];
    downloder.shouldDecompressImages = SDImagedownloderOldShouldDecompressImages;
}

再次用instrument跑了一下,方法果然有效,內存徹底降下來了,如圖:


Snip20160725_13.png

當然,你也可以設置SDWebImage的其他參數,比如是否緩存到內存以及內存緩存最高限制等,來保證內存安全:

shouldCacheImagesInMemory 是否緩存到內存
maxMemoryCost  內存緩存最高限制

號外:蘋果官方給出了一個下載高清大圖的demo,內存消耗很低。感興趣的朋友也可以看看:
https://developer.apple.com/library/ios/samplecode/LargeImageDownsizing/Introduction/Intro.html

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,345評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,494評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,283評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,953評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,714評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,186評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,255評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,410評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,940評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,776評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,976評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,518評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,210評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,642評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,878評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,654評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,958評論 2 373

推薦閱讀更多精彩內容