Image Optimizing

Image Memory Size

2048x1536 픽셀의 590KB size의 이미지를 앱에서 로딩하면 얼마의 메모리가 필요할까?

• 약 14MB(2048x1536x4/1000000), 픽셀당 4바이트 가정
• 매우 많은 메모리 소비

Image Rendring Process

 

1. Load(iOS는 압축된 이미지를 가져와 590KB를 메모리에 로드)

2. Decode(GPU가 읽고 이해할 수 있도록 decode, 이 과정에서 10MB라는 큰 용량 차지)

Data Buffer -> ImageBuffer(Decoding을 통해 Data Buffer에 포함된 이미지 크기와 동일한 Image Buffer할당)

3. Render

Image Buffer -> Frame Buffer(ImageView를 실제 화면에 Display하는 과정에서 Rendering되는 영역)

 

실제로 큰픽셀(1920, 1280) 이미지 로딩할 때

 

 

vmmap으로 memory Size확인

약9.6MB를 이미지 처리에 사용중

 

---

Color Depth

SRGB에선 픽셀당 4바이트로 Red(1byte), Green(1byte), Blue(1byte), alpha포함하여 총 4바이트 필요

 

 

iOS에선 Wide format으로 넓은 color display로 렌더링 가능(wide format에선 픽셀당 2바이트가 필요, 두배로 늘림 8byte)

 

Single-color와 alpha를 사용하여 픽셀당 2byte만 사용 가능

 

UIGraphicsBeginImageContextWithOptions대신 UIGraphicsImageRenderer를 사용해라

UIGraphicsBeginImageContextWithOptions: 픽셀당 4byte차지

UIGraphicsImageRenderer: iOS12부터 자동으로 최적의 format 설정

UIGraphicsImageRender image(): Image(actions: )를 사용하여 이미지 렌더러로 이미지(UIImage)생성. Core Graphic Context를 작성하고 현재 Context로 설정

 

 

예시) UIGraphicsBeginImageContextWithOptions 픽셀당 4byte소요 비효율적

 

UIGraphicsImageRenderer 픽셀당 1byte로 최대 75% 적은 메모리 사용

 

 

---

Image Downsampling

UIImage는 원본 이미지를 압축하여 사용하기 때문에 내부 좌표 공간의 변화로 인해 성능이 떨어진다.

ImageIO를 사용하여 이미지를 Downsampling하여 메모리 사용량을 감소

 

 

• 기존 이미지 memory 사용량

• downsampling한 Image 

 

• Image downsampling

출처 : 2018 WWDC Memory Deep Dive