쇼핑몰 상품 사진 하나가 8MB다. 상세페이지에 10장 올리면 80MB, 모바일에서 그 페이지를 여는 데 10초가 넘는다. 방문자 절반은 3초 안에 안 뜨면 뒤로가기를 누른다. 용량을 줄여야 하는 이유는 명확하다.
사진 용량이 큰 이유
스마트폰 카메라 성능이 좋아지면서 기본 촬영 사진이 4,000 x 3,000 해상도에 3~8MB 정도 나온다. 미러리스나 DSLR은 20MB를 넘기기도 한다. 문제는 웹에서 이 해상도가 전부 필요하지 않다는 점이다.
- 모니터 가로 해상도: 대부분 1920px
- 모바일 화면: 약 360~430px
- 블로그 본문 영역: 보통 700~800px
4,000px짜리 사진을 800px 영역에 넣으면 브라우저가 축소해서 보여줄 뿐, 불필요한 데이터를 그대로 다운로드한다. 리사이즈 + 압축을 함께 하면 용량이 90% 이상 줄어드는 이유가 여기 있다.
화질 손실 없이 용량 줄이는 과정
- 파일 확인: 원본 이미지의 해상도와 용량을 먼저 본다. 4,000px 이상이면 리사이즈부터 하는 게 효율적이다.
- 압축 도구 접속: 온라인 이미지 압축 페이지에 파일을 드래그해서 놓으면 된다. 최대 20개까지 한꺼번에 올릴 수 있다.
- 품질 설정: 슬라이더로 품질을 조절한다. 80% 이상이면 원본과 나란히 놓아도 차이를 구분하기 어렵다.
- 다운로드: 압축 결과를 확인하고 개별 또는 ZIP으로 한꺼번에 받는다.
TIP 서버에 파일을 업로드하지 않고 브라우저에서 직접 처리하는 방식이라 개인 사진이나 증명사진도 안심하고 쓸 수 있다.
포맷별 압축 결과 비교
같은 사진을 포맷별로 압축했을 때 결과가 다르다. 용도에 따라 포맷을 바꾸는 것만으로도 용량이 크게 줄어든다.
| 포맷 | 원본 | 압축 후 | 감소율 | 특징 |
|---|---|---|---|---|
| JPG | 5.2MB | 620KB | 88% | 사진에 적합, 투명 배경 불가 |
| PNG | 8.1MB | 2.4MB | 70% | 투명 배경 지원, 용량 큼 |
| WebP | 5.2MB | 380KB | 93% | 웹 최적화, 최신 브라우저 지원 |
일반 사진은 JPG, 로고나 아이콘처럼 투명 배경이 필요하면 PNG, 웹 성능이 중요하면 WebP가 낫다.
압축 전 체크리스트
- ✓ 원본 파일은 별도 폴더에 백업해두기
- ✓ 웹용이면 가로 1920px 이하로 리사이즈
- ✓ 품질 80% 이상 유지 (텍스트 포함 이미지는 90% 이상)
- ✗ 70% 이하로 내리면 글자가 뭉개질 수 있음
- ✗ GIF 애니메이션은 프레임 수에 따라 결과가 다름
자주 묻는 질문
이력서 사진 용량 제한이 있는데 어떻게 맞추나요?
대부분 200KB~1MB 이내를 요구한다. 품질을 85% 정도로 설정하고, 해상도를 600 x 800px 정도로 줄이면 대부분의 제한에 맞출 수 있다.
압축하면 사진이 깨지나요?
80% 이상 품질이면 육안으로 구분하기 어렵다. 70% 이하부터 경계선이 뭉개지거나 색 번짐이 눈에 보이기 시작한다.
한 번에 여러 장을 압축할 수 있나요?
파일 여러 개를 동시에 드래그하면 된다. 20장까지 한꺼번에 처리할 수 있고, 결과를 ZIP 파일로 묶어서 다운로드할 수 있다.
사진 10장 기준 30MB가 3MB 이하로 줄어든다. 블로그 로딩 속도 체감이 확연히 달라지고, 구글 페이지 속도 점수도 올라간다.