https://kelly-chui.github.io/tags/image-downsampling/Recent content in Image Downsampling on Kelly DevHugoen-usFri, 17 Jan 2025 00:00:00 +0000https://kelly-chui.github.io/posts/sniffmeet-dev-log-profile-image-downsampling-thumbnails/Fri, 17 Jan 2025 00:00:00 +0000https://kelly-chui.github.io/posts/sniffmeet-dev-log-profile-image-downsampling-thumbnails/<h2 id="개요">개요</h2> <p>사용자가 고해상도 사진을 그대로 업로드하면, 앱에서는 훨씬 작은 크기로만 이미지를 표시하는데도 원본 이미지를 계속 전송하고 저장하게 된다.</p> <p>SniffMeet에서도 프로필 이미지는 홈 화면의 프로필 카드나 메이트 리스트의 작은 썸네일로 표시되는 경우가 대부분이었다. 그런데 원본 이미지를 그대로 업로드하고, 목록에서도 같은 이미지를 다시 내려받고 있었다.</p> <p>불필요한 네트워크 사용량과 메모리 사용을 줄이기 위해 두 가지를 적용했다.</p> <ul> <li>업로드 전에 프로필 이미지를 앱에서 필요한 크기로 다운샘플링한다.</li> <li>메이트 리스트에서는 원본 프로필 이미지가 아니라 별도의 썸네일 이미지를 내려받는다.</li> </ul> <h2 id="다운샘플링-기준-정하기">다운샘플링 기준 정하기</h2> <p>이미지를 어느 크기까지 줄일지 먼저 정해야 했다. 기준은 앱에서 프로필 이미지가 가장 크게 표시되는 홈 화면의 프로필 카드로 잡았다.</p>