눈에 띄는 화질 저하 없이 웹용 이미지를 압축하는 방법
이미지가 빠르게 로드되면서도 선명하게 보이도록 알맞은 형식, 크기, 품질 설정을 고르는 실용 가이드입니다.
업데이트: 2026년 10월 28일
큰 이미지는 웹페이지가 느려지는 가장 흔한 원인입니다. 다행히 대부분의 사진은 일반적인 표시 크기에서 차이가 보이지 않으면서 몇 배나 작게 만들 수 있습니다. 이 가이드에서는 중요한 세 가지 결정, 즉 크기, 형식, 품질을 살펴봅니다.
1. 압축 전에 크기 조정하기
최신 휴대폰으로 찍은 사진은 가로가 4000픽셀 이상인 경우가 많습니다. 페이지에서 1200픽셀로 표시한다면 브라우저는 대부분의 픽셀을 내려받은 뒤 버리게 됩니다. 먼저 크기를 줄이는 편이 어떤 품질 설정보다 훨씬 많이 절약되는 경우가 대부분입니다. 이미지 크기 조절를 사용해, 고해상도 화면에서 선명하게 보이려면 최대 표시 크기의 약 두 배 너비를, 파일 크기가 가장 중요하다면 같은 너비를 선택하세요.
2. 알맞은 형식 고르기
- 사진: WebP는 비슷한 화질에서 보통 JPEG보다 작으며, 현재 모든 주요 브라우저에서 지원됩니다. 이메일이나 오래된 소프트웨어에는 여전히 JPEG가 가장 안전합니다.
- 스크린샷, 로고, 단색이나 텍스트가 있는 그래픽: PNG는 가장자리를 선명하게 유지합니다. 무손실 모드의 WebP는 대개 더 작습니다.
- 투명 배경이 필요한 이미지: PNG 또는 WebP. JPEG는 투명도를 지원하지 않아 투명한 부분이 단색으로 바뀝니다.
형식은 이미지 변환기(JPG, PNG, WebP)로 바꿀 수 있습니다.
3. 품질 설정 고르기
JPEG와 WebP의 경우, 사진은 품질 70~85에서 시작하는 것이 좋습니다. 약 60 아래로 내려가면 하늘이나 그라데이션에 블록 현상이 나타날 수 있습니다. 이미지 압축는 원본 크기와 새 크기를 나란히 보여 주므로, 두세 가지 값을 시도해 보고 여전히 보기 좋은 가장 작은 파일을 고르세요.
4. 숨은 메타데이터 제거하기
사진에는 카메라 모델, 날짜, 때로는 GPS 위치 같은 EXIF 메타데이터가 들어 있을 수 있습니다. 몇 킬로바이트가 늘어날 뿐 아니라 원치 않는 정보가 드러날 수 있습니다. EXIF 뷰어 및 메타데이터 제거로 파일에 무엇이 들어 있는지 확인하세요. 압축기와 변환기처럼 브라우저에서 이미지를 다시 인코딩하면 EXIF 데이터는 새 파일로 복사되지 않습니다.
빠른 체크리스트
- 실제로 표시되는 최대 크기로 조정합니다.
- 사진에는 WebP나 JPEG, 그래픽에는 PNG나 WebP를 사용합니다.
- 품질 80에서 시작해 비교하고 조정합니다.
- 게시하기 전에 100% 배율로 결과를 확인합니다.
- 나중에 다른 크기가 필요할 때를 대비해 원본 파일을 보관합니다.
이 가이드에서 사용한 도구
모두 브라우저에서 실행되므로 사진이 어디에도 업로드되지 않습니다.