JPG·PNG·WebP·HEIC·AVIF 이미지 포맷 완벽 비교 — 언제 무엇을?
10분 읽기 · 꿀도구 에디터 · 2026.04.23

"아이폰 HEIC 사진을 친구한테 보냈는데 안 열린다고 하네요…"
이미지 포맷마다 특성이 다릅니다. 잘못 선택하면 품질 손실·용량 낭비·호환성 문제가 발생합니다. 이번 글에서는 7가지 주요 포맷의 장단점과 상황별 최적 선택을 정리합니다.
7대 이미지 포맷 비교
| 포맷 | 압축 | 투명도 | 애니메이션 | 파일크기 | 호환성 |
|---|---|---|---|---|---|
| JPG/JPEG | 손실 | X | X | 작음 | ★★★★★ |
| PNG | 무손실 | O | X | 보통 | ★★★★★ |
| GIF | 무손실(256색) | O | O | 큼 | ★★★★★ |
| WebP | 양쪽 | O | O | 매우 작음 | ★★★★ |
| HEIC/HEIF | 손실 | O | O | 매우 작음 | ★★★ |
| AVIF | 양쪽 | O | O | 최소 | ★★★ |
| SVG | 벡터 | O | O(SMIL) | 최소 | ★★★★★ |
JPG/JPEG — 가장 널리 쓰임
- 장점: 호환성 최고, 파일 작음, 사진에 최적
- 단점: 손실 압축, 투명도 X, 반복 저장 시 품질 저하
- 용도: 사진, 블로그, SNS
- 권장 품질: 85% (차이 거의 없고 용량 많이 줄음)
PNG — 투명도·텍스트
- 장점: 무손실, 투명 배경, 로고·아이콘 선명
- 단점: JPG보다 3~5배 큼
- 용도: 로고, 스크린샷, 투명 배경 필요
- PNG-8 vs PNG-24: 8은 256색(아이콘), 24는 무제한(사진)
GIF — 애니메이션·밈
- 장점: 애니메이션 지원, 호환성 최고
- 단점: 256색 제한, 파일 큼
- 용도: SNS 짧은 애니메이션, 밈
- 대안: 요즘은 WebP·MP4로 대체 추세
WebP — 웹 최적
- 장점: JPG 대비 25~35% 작음, 투명도+애니메이션 모두 지원
- 단점: 구형 브라우저·카카오톡·메일 등 일부 호환성
- 용도: 웹사이트 이미지, 블로그
- 2024: 브라우저 호환성 95%+ 달성
HEIC — iPhone 전용
- 장점: JPG 대비 50% 작음, iPhone 기본
- 단점: Windows·안드로이드 호환성 낮음
- 용도: iOS 사진 저장
- 공유 전 변환 권장: JPG로 변환
AVIF — 차세대 최강
- 장점: JPG 대비 50% 작고 품질 우수, WebP 대비도 20% 작음
- 단점: 호환성 아직 80% 수준 (구형 브라우저 X)
- 용도: 최신 웹사이트, 대용량 이미지 압축
SVG — 벡터, 확대해도 깨지지 않음
- 장점: 무한 확대·축소 선명, 파일 작음, CSS 제어
- 단점: 사진 불가능 (도형·텍스트만)
- 용도: 로고, 아이콘, 차트, 일러스트
- 중요: 프린트·반응형 웹에 최적
상황별 최적 포맷
| 상황 | 추천 |
|---|---|
| 블로그 사진 | WebP (또는 JPG) |
| 로고·아이콘 | SVG (또는 PNG) |
| 인쇄물 | TIFF 또는 고품질 JPG |
| 투명 배경 이미지 | PNG |
| SNS 스토리 | JPG (앱 자동 변환) |
| 애니메이션 | WebP 또는 MP4 |
| iPhone 공유 | JPG (HEIC → JPG 변환) |
| 웹 최신 | AVIF 우선, WebP 폴백 |
이미지 품질 vs 파일 크기
JPG 100% vs 85%: 용량 60~70% 감소, 눈으로 차이 거의 없음. 웹은 85% 표준.
- 고품질: 95% (편집 중간 저장)
- 일반 웹: 85%
- SNS: 80%
- 이메일 썸네일: 70%
- 60% 이하는 뚜렷한 품질 저하
이미지 변환 팁
- 반복 저장 금지 — JPG는 저장할 때마다 손실. 원본 보관
- 리사이즈 후 저장 — 8MP 카메라 원본 그대로 블로그는 낭비
- 메타데이터 제거 — 위치·카메라 정보 프라이버시
- 색상 프로파일 — sRGB (웹), CMYK (인쇄)
이미지 변환·압축 도구
참고
• MDN Image File Types and Formats.
• Google Developers WebP Specification.
• AVIF (AOMediaCodec AV1 Image Format) 표준.
#이미지 포맷 #JPG #PNG #WebP #HEIC #AVIF #SVG #이미지 변환 #웹 최적화