이미지 용량 줄이기 — 화질 안 깨지게 압축하는 법
"파일 용량이 5MB를 초과합니다." 이력서 사진, 중고거래 사진, 게시판 첨부에서 한 번쯤 만나는 메시지죠. 무작정 압축률만 높이면 사진이 뭉개집니다. 핵심은 순서입니다. 해상도를 먼저 적당히 줄이고, 그다음 압축하면 화질은 거의 그대로 두면서 용량만 크게 떨어뜨릴 수 있습니다.
사진 용량이 큰 진짜 이유
요즘 스마트폰 사진은 가로 4,000픽셀이 넘습니다. 그런데 블로그 본문이나 게시판에서 실제로 보이는 너비는 800~1,200픽셀 정도죠. 즉 대부분의 사진은 필요 이상으로 큰 해상도 때문에 용량이 큽니다. 화면에 보이지도 않는 픽셀을 잔뜩 담고 있는 셈입니다. 그래서 용량 줄이기의 첫 단추는 압축이 아니라 리사이즈입니다.
1단계: 해상도(리사이즈) 먼저 줄이기
용도에 맞는 가로 픽셀로 줄이는 것만으로 용량이 절반 이하로 떨어지는 경우가 많습니다.
| 용도 | 권장 가로 픽셀 |
|---|---|
| 블로그·게시판 본문 | 1,000~1,600px |
| SNS 업로드 | 1,080~2,048px |
| 이메일 첨부·미리보기 | 800~1,200px |
| 인쇄(A4) | 2,480px 이상 유지 |
2단계: 압축 품질 조절하기
리사이즈 후에도 용량이 크다면 압축 품질을 낮춥니다. JPG 기준 품질 75~85%가 가장 효율적인 구간입니다. 이 범위에서는 용량이 크게 줄지만 육안으로는 원본과 구분이 거의 안 됩니다. 60% 아래로 내리면 그라데이션 부분에 얼룩(블록 노이즈)이 보이기 시작하니 주의하세요.
포맷 선택 — JPG·PNG·WebP
- JPG: 사진처럼 색이 많은 이미지에 최적. 용량이 작습니다. 투명 배경은 불가.
- PNG: 로고·아이콘·스크린샷·투명 배경이 필요할 때. 대신 사진에 쓰면 용량이 큽니다.
- WebP: 같은 화질에서 JPG보다 25~35% 더 작습니다. 최신 브라우저·플랫폼이 대부분 지원하지만, 아주 오래된 환경에선 안 열릴 수 있습니다.
포맷을 바꿔야 한다면 변환 도구로 손쉽게 전환할 수 있습니다.
용도별 권장 설정
- 이력서 사진: 600~1,000px, JPG 품질 85% — 보통 200KB 안쪽으로 떨어집니다.
- 블로그 본문: 1,200~1,600px, JPG 또는 WebP 80% — 로딩 속도와 화질의 균형이 좋습니다.
- 중고거래·게시판: 1,080px, JPG 80% — 대부분의 용량 제한을 통과합니다.
같은 사진으로 비교한 두 가지 방법
1920 × 1200 풍경 사진(1.14MB)을 이미지 압축 도구에 넣어, 품질만 낮출 때와 크기를 먼저 줄일 때를 비교했습니다(크롬 기준).
| 방법 | 설정 | 결과 용량 | 절감 |
|---|---|---|---|
| 품질만 낮춤 | 폭 1920 · 품질 0.75 | 499KB | 57% |
| 품질을 더 낮춤 | 폭 1920 · 품질 0.4 | 276KB | 76% |
| 크기 먼저 줄임 | 폭 1280 · 품질 0.75 | 220KB | 81% |
| 크기를 더 줄임 | 폭 800 · 품질 0.75 | 81KB | 93% |
| 최고 품질 | 폭 1920 · 품질 1.0 | 1.87MB | 원본보다 커짐 |
품질을 0.4까지 깎은 것보다 폭을 1280으로 줄이고 품질 0.75를 유지한 쪽이 더 작았습니다. 화질 열화도 덜 보입니다. 품질 1.0은 이미 압축된 사진을 오히려 키우므로 피하세요. 사진 두 장과 화면 캡처 한 장을 한꺼번에 폭 1280 · 품질 0.5로 압축했을 때는 합계 1.96MB가 244KB가 되었습니다.
화면에 보이는 크기에 맞춰 해상도부터 줄이면 화질 저하를 거의 느끼지 못합니다. 4,000픽셀 사진을 1,600픽셀로 줄이는 것만으로 용량이 크게 떨어지며, 그다음 압축 품질을 80% 안팎으로 두면 눈으로는 차이를 알기 어렵습니다.
리사이즈는 가로·세로 픽셀 수 자체를 줄이는 것이고, 압축은 픽셀 수는 그대로 두고 데이터를 더 효율적으로 저장하는 것입니다. 보통 리사이즈를 먼저 해 불필요하게 큰 해상도를 줄인 뒤 압축하면 용량이 가장 효과적으로 작아집니다.
사진처럼 색이 풍부한 이미지는 JPG가 훨씬 작습니다. 반면 로고·아이콘·투명 배경이 필요한 이미지는 PNG를 써야 합니다. 둘 다 지원되는 환경이라면 WebP가 같은 화질에서 더 작은 용량을 냅니다.