-
Notifications
You must be signed in to change notification settings - Fork 0
이미지 최적화
이정건 edited this page Dec 14, 2023
·
1 revision
이미지가 포함된 게시글을 작성할 때, 4000*3000 이미지 원본을 업로드하는 경우 해당 이미지를 byteArray로 변환하는데 약 5초, 업로드하는데 약 1.5초가 소요된다. 이는 매우 비효율적이라는 생각이 들어 업로드할 때 이미지 사이즈와 압축률을 여러 가지로 조정해보고 가장 적절한 타협점을 찾아보았다.
먼저 이미지의 사이즈는 가로를 기준으로 리사이징하였다. 1920, 1600, 1280, 1440, 1080, 720 등으로 리사이징해봤고, 그 중 1280이 스마트폰이나 태블릿 모두에서 가장 적절한 크기라고 판단하였다.




이미지의 용량은 원본 5.64MB를 기준으로 915KB로 감소하였다. 변환 및 업로드 속도도 0.24초, 0.4초로 감소하였다.
그 다음은 압축률을 조정해보았는데, 80%일 때가 화질의 변화가 거의 없으면서도 용량이 가장 많이 줄어드는 것을 확인할 수 있었다.



순서대로 100%, 80%, 50% 입니다.
용량은 100% - 915KB를 기준으로 80% - 106KB 50% - 61.3KB 로 80%가 용량과 화질의 타협점이라고 생각하여 80%로 압축하기로 결정하였다.
- [기술 공유] Clean Agile
- [기술 공유] Android 라이브러리 비교
- [기술 공유] Android Project CD 적용
- [기술 공유] Google Maps SDK
- [기술 공유] 마커 렌더링
- [기술 공유] Infrstructure as Code 도구 테라폼
- [기술 공유] Redis란??
- [기술 공유] Redis를 이용한 캐싱
- [기술 공유] NestJS S3 대용량 파일 업로드 (with PreSigned URL, S3 MultiPart Upload)
스크럼
- [2023‐11‐06] 목표 설정
- [2023‐11‐07] 기능 회의
- [2023‐11‐08] 스크럼
- [2023‐11‐09] 스크럼
- [2023‐11‐13] 스크럼 ‐ 이번주 할일
- [2023‐11‐14] 스크럼
- [2023‐11‐16] 스크럼, 회의
- [2023‐11‐20] 스크럼, 이번주 할일
- [2023‐11‐21] 스크럼, 오늘 할일
- [2023‐11‐22] 스크럼 회의
- [2023‐11‐23] 스크럼 회의
- [2023‐11‐27] 스크럼 회의
- [2023‐11‐28] 스크럼 회의
- [2023‐11‐29] 스크럼 회의
- [2023‐11‐30] 스크럼 회의
- [2023‐12‐04] 스크럼
- [2023‐12‐05] 스크럼
- [2023‐12‐06] 스크럼
- [2023‐12‐07] 스크럼
- [2023‐12‐11] 스크럼
- [2023‐12‐12] 스크럼 및 발표 자료 준비
- [2023‐12‐13] 스크럼 및 발표 피드백