이미지 압축기
브라우저에서 직접 이미지를 압축합니다. 품질을 유지하면서 파일 크기를 줄입니다. JPEG, PNG, WebP 형식을 지원합니다.
이미지를 여기에 끌어다 놓거나 클릭하여 선택
사용 방법
- 이미지를 드래그 앤 드롭하거나 클릭하여 업로드합니다
- 품질 슬라이더를 조정하여 압축 수준을 설정합니다
- 압축 결과를 미리보고 파일 크기를 비교합니다
- 「다운로드」를 클릭하여 압축된 이미지를 저장합니다
자주 묻는 질문
-
이미지가 서버에 업로드되나요?
아니요. 모든 이미지 압축은 Canvas API를 사용하여 브라우저에서 로컬로 이루어집니다. 이미지가 기기를 떠나지 않습니다.
-
어떤 이미지 형식이 지원되나요?
JPEG, PNG, WebP 입력 형식을 지원합니다. 최고의 압축률을 위해 JPEG 또는 WebP로 출력할 수 있습니다.
-
이미지를 얼마나 압축할 수 있나요?
압축 결과는 이미지 내용에 따라 다릅니다. 일반적으로 JPEG 이미지는 시각적 품질 손실을 최소화하면서 50~80% 줄일 수 있습니다.
-
최대 파일 크기는 얼마인가요?
처리가 브라우저에서 이루어지므로 한도는 기기의 메모리에 따라 다릅니다. 대부분의 기기는 20MB까지의 이미지를 문제없이 처리합니다.
이미지 압축과 웹 성능
웹사이트 로딩 속도는 사용자 경험과 검색엔진 순위 모두에 직접적인 영향을 미칩니다. Google의 연구에 따르면 페이지 로딩 시간이 1초에서 3초로 늘어나면 이탈률이 32% 증가합니다. 웹 페이지 전체 용량의 상당 부분을 이미지가 차지하기 때문에, 이미지 최적화는 웹 성능 개선에서 가장 효과적인 방법 중 하나입니다.
손실 압축 vs 무손실 압축
이미지 압축 방식은 크게 두 가지로 나뉩니다.
손실 압축 (Lossy Compression)
원본 이미지 데이터 중 사람의 눈으로 잘 인식되지 않는 정보를 제거하여 파일 크기를 줄입니다. 압축 후 원본을 완벽하게 복원할 수 없습니다. JPEG가 대표적인 손실 압축 형식입니다. 품질 설정(보통 0–100% 또는 1–10)에 따라 파일 크기와 화질 사이의 균형을 조절할 수 있습니다. 일반적으로 JPEG 품질 75–85%에서 시각적 품질을 유지하면서 원본 대비 50–80% 크기 절감이 가능합니다.
무손실 압축 (Lossless Compression)
이미지 데이터를 손상시키지 않고 중복 정보만 제거하여 압축합니다. 압축 해제 시 원본과 완전히 동일한 데이터가 복원됩니다. PNG가 대표적이며, 로고, 아이콘, 텍스트가 포함된 이미지에 적합합니다. 손실 압축보다 압축률이 낮지만 품질 저하가 없습니다.
주요 이미지 형식 비교
| 형식 | 압축 방식 | 투명도 | 용도 |
|---|---|---|---|
| JPEG | 손실 | 미지원 | 사진, 복잡한 이미지 |
| PNG | 무손실 | 지원 | 로고, 아이콘, 스크린샷 |
| WebP | 손실/무손실 | 지원 | 웹 이미지 전반 |
| AVIF | 손실/무손실 | 지원 | 차세대 웹 이미지 |
WebP 형식의 장점
WebP는 구글이 개발한 차세대 이미지 형식입니다. 동일한 시각적 품질에서 JPEG 대비 25–34%, PNG 대비 최대 45% 더 작은 파일 크기를 제공합니다. 손실/무손실 압축을 모두 지원하고 투명도(알파 채널)도 지원하므로 JPEG와 PNG를 모두 대체할 수 있습니다.
현재 Chrome, Firefox, Safari, Edge 등 모든 주요 브라우저에서 WebP를 지원합니다. 새로운 웹 프로젝트라면 WebP를 기본 이미지 형식으로 채택하는 것을 권장합니다.
이미지 최적화 베스트 프랙티스
- 적절한 해상도 선택: 표시될 크기보다 큰 이미지를 사용하지 마세요. Retina 디스플레이용으로는 2배 크기를 준비하되, CSS로 크기를 제한하세요.
- 지연 로딩(Lazy Loading) 활용: 스크롤 전에 보이지 않는 이미지는
loading="lazy"속성으로 나중에 로드하세요. - CDN 활용: 이미지를 사용자와 가까운 서버에서 제공하면 응답 속도가 크게 향상됩니다.