우리는 이미지 최적화를 하기로 결정하였다.
기본적으로 2가지 이유가 존재한다.
현재 WeQuiz 프로젝트는 파이어베이스에 이미지를 저장하고 있다.
이미지가 많이 저장 되어야 하는데 그대로 업로드를 해버리면 많은 서버 비용이 청구될 수 있다.
따라서 이미지를 최적화하면 서버의 비용을 절감하는 효과를 얻을 수 있다.
WeQuiz에서는 많은 화면에서 이미지가 보여진다.
이때 이미지의 용량이 크면 사용자에게 보여지는데 오래 걸린다.
화면에 이미지가 보여지는 비율이 크기 때문에 빠른 로딩 속도는 사용자에게 부드러운 경험을 제공할 거라 생각한다.
사용자의 갤러리에 있는 사진을 파이어베이스에 저장소에 압축해서 올려야 한다.
이미지 확장자는 여러가지가 있는데 Android Bitmap Compress에서 지원하는 확장자는 크게 WEBP, JPEG , PNG 3가지가 있었다.
각 이미지 확장자의 특징을 알아보자.
| JPEG | PNG | WEBP | |
|---|---|---|---|
| 압축 방식 | 손실 | 무손실 | 손실 및 무손실 |
| 파일 크기 | 작음 | 큼 | 작거나 중간 |
| 화질 | 압축률에 따라 화질 저하 | 무손실 | 높은 화질 유지 |
| 투명도 지원 | 미지원 | 지원 | 지원 |
| 사용 용도 | 사진 | 투명도가 필요한 이미지, 그래픽 디자인 | 웹 최적화 이미지 |
| 기타 특징 | 압축률을 조절할 수 있으며 파일 크기와 화질 조정 가능 | 여러 단계의 투명도를 지원하며, 웹 그래픽과 같은 고해상도 이미지에 적합 | 구글이 개발한 포맷으로 웹에서의 빠른 로딩과 효율적인 이미지 관리를 위해 설계됨 |