-
Notifications
You must be signed in to change notification settings - Fork 3
webp VS avif
- WebP는 Google에서 개발한 이미지 포맷으로, JPEG, PNG, GIF 포맷을 대체할 수 있는 효율적인 이미지 압축 형식입니다.
- 손실 압축과 무손실 압축을 모두 지원하며, 애니메이션 및 알파 채널(투명도)을 지원합니다.
- AVIF(AV1 Image File Format)는 AV1 비디오 코덱을 기반으로 한 이미지 포맷으로, Alliance for Open Media(AOMedia)에서 개발되었습니다.
- 고효율 압축을 제공하며, HDR 이미지, 무손실 및 손실 압축, 애니메이션과 알파 채널을 지원합니다.
- 출시 연도: 2010년
- 지원하는 브라우저: Chrome, Firefox, Edge, Opera, Safari (2020년 이후부터 지원)
- 압축 방식: 손실 압축 및 무손실 압축
- 주요 특징:
- 애니메이션 지원 (GIF 대체)
- 알파 채널 지원 (투명도)
- JPEG 및 PNG보다 파일 크기 절감
- 고화질 이미지 제공
- 웹에서 사용 용이
- 출시 연도: 2020년
- 지원하는 브라우저: Chrome, Firefox, Edge, Opera (Safari는 최근 버전에서만 지원)
- 압축 방식: 손실 압축 및 무손실 압축
- 주요 특징:
- 고급 색상 관리 및 HDR 이미지 지원
- 손실 압축 및 무손실 압축 가능
- 알파 채널 지원 (투명도)
- 더 높은 압축 효율성
- 애니메이션 지원
장점:
- 브라우저 호환성이 좋음
- 빠른 로딩 속도와 데이터 절약 가능
- 애니메이션 및 투명도 지원
- JPEG보다 약 30% 더 작은 파일 크기 제공
단점:
- HDR 미지원
- 구형 브라우저와의 호환성 문제
- 압축 효율성에서 AVIF보다 떨어짐
장점:
- 더 높은 압축 효율성으로 더 작은 파일 크기 제공
- HDR 이미지와 고급 색 영역 지원
- 알파 채널 및 애니메이션 지원
- 무손실 압축 가능
단점:
- 구형 브라우저에서 호환성 제한
- 디코딩 속도가 느릴 수 있음
- 아직 널리 채택되지 않음
| 항목 | WebP | AVIF |
|---|---|---|
| 출시 연도 | 2010년 | 2020년 |
| 지원하는 브라우저 | Chrome, Firefox, Edge, Opera, Safari | Chrome, Firefox, Edge, Opera |
| 압축 방식 | 손실 및 무손실 압축 | 손실 및 무손실 압축 |
| HDR 지원 | 아니오 | 예 |
| 알파 채널 지원 | 예 | 예 |
| 애니메이션 지원 | 예 | 예 |
| 파일 크기 | JPEG보다 30% 더 작은 파일 크기 | WebP보다 더 작은 파일 크기 |
| 압축 효율성 | 평균적 | 매우 뛰어남 |
| 호환성 | 대부분의 최신 브라우저에서 지원 | 최신 브라우저에서만 지원 |
| 장점 | 빠른 로딩, 넓은 호환성 | 고효율 압축, HDR 지원 |
| 단점 | 구형 브라우저 미지원 | 호환성 문제, 디코딩 성능 낮음 |
- WebP: 웹사이트에서 빠르게 로딩되는 이미지를 제공하고, GIF 애니메이션을 대체하려는 경우.
- AVIF: 고화질 이미지와 최소한의 용량을 원하는 경우, 최신 브라우저 환경에서 사용.