코딩하는 일용직 노동자

WebView를 사용한 고용량 이미지 표시 사례. 본문

안드로이드

WebView를 사용한 고용량 이미지 표시 사례.

bacass 2022. 5. 27. 16:29

운영중인 앱의 이벤트 상세화면에서 로드하는 이미지의 해상도가 1440x14300 에 용량이 5.8M 나 되는 어마무시한 넘이었다.

때문에 저사양폰에서는 이미지가 표시되지 못하고 검정색 화면으로 표시되었다.

Glide의 캐싱옵션을 바꿔보고, 원본 이미지의 품질을 줄여서 용량을 800kb로 만들어도 여전히 표시되지 않았다.

아마도 해상도 자체가 워낙 상식을 벗어나다보니 이미지뷰가 처리해주지 못하는듯 하다.

이것을 웹뷰방식으로 처리해주는 Nasca 이미지로더를 사용해서 해결했다.

아래는 문제 해결에 결정적인 도움을 준 블로그이다. 

https://medium.com/myrealtrip-product/android-webview%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C-%ED%9A%A8%EA%B3%BC%EC%A0%81%EC%9D%B8-%EB%8C%80%EC%9A%A9%EB%9F%89-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%A1%9C%EB%94%A9-1c20867caa57

 

Android WebView를 사용한 효과적인 대용량 이미지 로딩

WebView as ImageView와 마이리얼트립의 오픈소스 Nasca

medium.com

 

https://github.com/myrealtrip/nasca