JPG·PNG·WebP·HEIC·AVIF 이미지 포맷 완벽 비교 — 언제 무엇을?

"아이폰 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) 표준.