이미지 압축 완벽 가이드 — 화질 손해 없이 파일 용량 줄이는 법
5MB 사진과 200KB 사진은 로딩 시간이 50배 차이 납니다. 그런데 사람 눈에는 거의 똑같이 보일 수도 있습니다. 이 가이드는 이미지 압축의 작동 원리, 손실/무손실 압축의 차이, JPEG와 WebP·AVIF 중 무엇을 골라야 할지, 그리고 깨끗한 결과를 얻기 위한 설정값을 정리합니다.
사진을 JPEG로 저장하면 컴퓨터는 모든 픽셀을 그대로 저장하지 않습니다. 사람 눈이 잘 알아차리지 못하는 미세한 색 변화나 그라데이션 노이즈를 버리고, 남은 정보를 수학적 패턴으로 표현합니다. 압축을 강하게 할수록 이 '버리기'가 거칠어지고, 어느 순간부터는 사각 블록이나 띠 모양 노이즈가 눈에 띄기 시작합니다.
좋은 압축은 '사람 눈에는 차이가 없으면서 파일은 최대한 작은' 지점을 찾는 일입니다. 그 지점은 이미지 내용(사진은 더 잘 압축됨), 형식(WebP·AVIF는 같은 화질에서 JPEG보다 25~50% 작음), 사용처(히어로 이미지는 썸네일보다 화질이 더 중요함)에 따라 달라집니다.
손실 압축 vs 무손실 압축
- 손실 압축
- 사람이 잘 인지하지 못하는 정보를 버려서 파일을 크게 줄이는 방식. JPEG, WebP(기본), AVIF, HEIC. 한 번 버린 정보는 복원할 수 없습니다.
- 무손실 압축
- 원래 픽셀을 더 효율적으로 부호화해 그대로 복원 가능. PNG, GIF, 무손실 WebP. 절감 효과는 20~40% 수준이지만 화질 손실이 전혀 없습니다.
- 품질 값(Quality)
- JPEG/WebP의 0~100 슬라이더. 사진은 75~85가 최적. 90 이상은 파일이 커지지만 눈에 보이는 차이는 거의 없습니다. 60 이하부터는 노이즈가 보이기 시작합니다.
- 크로마 서브샘플링
- 밝기 정보보다 색상 정보를 절반의 해상도로 저장하는 옵션. 사진에서는 약 30% 절감되면서 사람 눈에는 차이가 거의 없습니다. 단 빨간 글자처럼 선명한 색의 작은 텍스트에는 흐림이 생길 수 있습니다.
포맷별 비교 (4000×3000 사진 기준, 동일한 시각적 화질)
| 포맷 | 대략적 파일 크기 | 브라우저 지원 | 용도 |
|---|---|---|---|
| JPEG | 1.5 MB | 전 브라우저 | 호환성이 중요한 사진 |
| WebP (손실) | 0.9 MB | 모든 모던 브라우저 | 현재 웹의 표준 — 사진의 베스트 |
| AVIF | 0.6 MB | Chrome, Firefox, Safari 16+ | 압축률 최고 — JPEG 폴백과 함께 사용 |
| PNG (무손실) | 8 MB+ | 전 브라우저 | 텍스트·투명·또렷한 가장자리가 있는 그래픽 |
| WebP (무손실) | 5 MB | 모든 모던 브라우저 | 투명 필요 없으면 PNG 대체용으로 더 작음 |
화질 손해 없이 압축하는 방법
- 1
리사이즈를 먼저, 압축은 그 다음
1200픽셀로 보여줄 이미지를 4000픽셀 그대로 압축할 이유가 없습니다. 실제 표시 크기로 먼저 줄인 후 압축하면 같은 화질에서 80% 이상 더 작아집니다.
- 2
콘텐츠에 맞는 형식 선택
사진은 WebP(혹은 호환성 위해 JPEG), 스크린샷·로고·다이어그램은 PNG, 애니메이션은 WebP나 AVIF. 매끄러운 그라데이션이 있는 사진은 거의 항상 손실 형식이 적합합니다.
- 3
사진은 품질 75~85 사용
품질 80은 거의 보편적인 최적값입니다. 품질 100 대비 파일은 절반 가까이 작지만, 픽셀 단위로 들여다보지 않는 한 차이가 보이지 않습니다.
- 4
원본과 100% 확대로 비교
발행하기 전에 반드시 압축 결과를 원본과 100% 확대해 나란히 비교하세요. 썸네일에서 보이지 않던 노이즈가 풀 화면에서는 명확히 보입니다.
과도하게 압축한 이미지가 망가지는 방식
두 가지 노이즈가 흔합니다. 첫째는 '블록 노이즈' — JPEG는 8×8 픽셀 단위로 압축하기 때문에 품질이 너무 낮으면 격자 무늬가 드러납니다(특히 하늘처럼 매끈한 영역에서). 둘째는 '컬러 밴딩' — 부드러운 그라데이션이 띠 모양으로 끊어져 보이는 현상으로, 인코더가 중간 색조를 충분히 표현할 비트를 갖지 못해 발생합니다.
두 노이즈 모두 단조로운 영역과 그라데이션에서 가장 잘 보이고, 잎사귀·머리카락처럼 텍스처가 풍부한 영역에서는 거의 안 보입니다. 그래서 자연 사진은 같은 압축률에서도 깨끗해 보이고, 노을 사진은 결함이 도드라지는 경우가 많습니다.
이미 압축된 JPEG를 다시 저장하면 노이즈가 누적됩니다. 여러 번 편집할 가능성이 있다면 마스터는 무손실 형식(PNG·TIFF·RAW)으로 보관하고, JPEG/WebP로는 마지막 출력 단계에서만 변환하세요.
용도별 실용적 압축 체크리스트
- •메인 배너/히어로 이미지: WebP 품질 80, 최대 200KB
- •본문 인라인 이미지: WebP 품질 75, 최대 100KB
- •썸네일: WebP 품질 70, 최대 30KB
- •이메일 첨부: JPEG 품질 75, 메일당 총 1MB 이하
- •인쇄용: 압축 없이 — TIFF나 최고 품질 JPEG. 프린터 대상에선 압축이 무의미합니다.
자주 묻는 질문
이미지 압축이 검색 노출에 불리하지 않나요?
오히려 유리합니다. 페이지 속도는 검색 순위 요소이고, 잘 압축된 이미지는 LCP(가장 큰 콘텐츠풀 페인트)를 단축시킵니다. Google PageSpeed Insights도 WebP/AVIF 사용을 권장합니다.
압축한 JPEG를 원래대로 복원할 수 있나요?
할 수 없습니다. 손실 압축으로 버려진 정보는 복구가 불가능합니다. 더 높은 품질로 다시 저장해도 파일만 커질 뿐 노이즈는 그대로입니다. 항상 원본을 보관하세요.
압축하면 EXIF 메타데이터가 사라지나요?
도구마다 다릅니다. EllyTools는 기본적으로 EXIF를 제거합니다 — 사진 공개 전 일반적으로 권장되는 처리입니다(GPS 좌표·시간 등 노출 방지). 보존이 필요하면 압축 전 마스터를 따로 보관하세요.
화질 차이 없이 가장 작게 만들 수 있는 형식은?
현재 일반적인 웹 사진 기준 AVIF 품질 50~60이 가장 작은 '눈에 안 띄는 압축' 결과를 만듭니다. 다만 호환성 면에서는 WebP 품질 75가 현실적인 표준입니다.
압축할 때 이미지가 서버로 올라가나요?
올라가지 않습니다. EllyTools는 모든 압축을 브라우저 안에서 처리합니다. 민감한 사진도 안전하게 압축할 수 있습니다.