AVIF 형식이란? 작동 원리와 사용 시기
AVIF(AV1 이미지 파일 형식)는 Alliance for Open Media가 개발하여 2019년에 출시한 최신 이미지 형식입니다. 효율적인 비디오 스트리밍의 기반 기술인 AV1 비디오 코덱의 압축 알고리즘을 정지 이미지에 적용합니다. 그 결과 동등하거나 더 나은 시각적 품질에서 JPEG, PNG, 심지어 WebP보다 훨씬 작은 파일 크기를 제공합니다. 2026년 현재 AVIF는 모든 주요 브라우저에서 지원되며 웹 이미지 최적화의 진지한 선택지가 되었습니다.
AVIF의 이미지 압축 방식
AVIF는 AV1 코덱의 프레임 내 압축을 사용하며, 이는 이전 방식보다 훨씬 정교합니다:
- 더 큰 변환 블록: AV1은 한 번에 최대 128×128 픽셀 영역을 분석합니다 (JPEG는 8×8 사용). 더 큰 블록은 더 많은 공간 패턴을 포착하여 부드러운 그라데이션과 넓은 균일 영역의 더 나은 예측을 가능하게 합니다.
- 고급 예측 모드: 50개 이상의 방향 예측 모드로 인접 블록에서 픽셀을 외삽합니다. JPEG의 단순한 DCT 방식과 비교됩니다.
- 루프 필터 및 후처리: 코덱 수준에서 인루프 디블로킹 및 제한 방향 향상 필터가 압축 아티팩트를 줄입니다.
- 지각적 품질 최적화: AVIF 인코더는 원시 비트 수보다 지각적 품질 지표 (SSIM, VMAF)를 목표로 하여 같은 파일 크기에서 더 좋아 보이는 이미지를 생성합니다.
AVIF는 손실 및 무손실 압축, 알파 채널(투명도), HDR(고동적 범위), 광색역, 애니메이션 시퀀스를 모두 지원합니다.
AVIF vs WebP vs JPEG — 파일 크기 비교
시각적으로 유사한 품질에서 대표적인 이미지들의 대략적인 파일 크기:
- 사진 (동등한 품질): AVIF ≈ 300 KB | WebP ≈ 400 KB | JPEG ≈ 550 KB | PNG ≈ 2 MB
- 투명도가 있는 로고: AVIF (무손실) ≈ 22 KB | WebP (무손실) ≈ 30 KB | PNG ≈ 45 KB
- 짧은 애니메이션 (3초): 애니메이션 AVIF ≈ 200 KB | 애니메이션 WebP ≈ 300 KB | GIF ≈ 2 MB
이는 근사값입니다 — 실제 절약량은 이미지 콘텐츠에 따라 다릅니다. AVIF의 이점은 복잡한 그라데이션이 있는 사진에서 가장 큽니다. 단순한 단색 그래픽은 차이가 적습니다.
AVIF 브라우저 지원
2026년 현재 AVIF는 폭넓은 브라우저 지원을 가집니다:
- 완전 지원: Chrome 85+, Firefox 93+, Safari 16+, Edge 121+, Opera 71+, Chrome Android, Safari iOS 16+
- 미지원: Internet Explorer (더 이상 관련 없음), 일부 구형 Android WebView, Office 애플리케이션
- 부분적 / 느린 디코딩: 구형 기기는 AVIF를 표시할 수 있지만 느리게 디코딩할 수 있습니다. 중요한 경로 이미지에는 폴백을 유지하세요.
Safari는 버전 16(2022년 말)에서 AVIF 지원을 추가했습니다. 2026년 현재 Safari 16+는 활성 Safari 사용량의 대부분을 차지하여 대부분의 웹 프로젝트에서 AVIF를 안전하게 사용할 수 있습니다.
AVIF vs WebP — 어떤 것을 사용해야 할까?
둘 다 웹 사용에서 JPEG보다 낫습니다. 주요 차이점:
- 파일 크기: AVIF는 동등한 품질에서 일반적으로 WebP보다 20~30% 더 작습니다. 대역폭이 제한된 사용자에게는 중요합니다.
- 인코딩 속도: AVIF 인코딩은 WebP보다 느립니다 — 고품질 설정에서는 상당히 느릴 수 있습니다. 실시간 이미지 CDN에서는 중요한 문제입니다.
- 브라우저 호환성: WebP는 약간 더 넓은 지원을 가집니다 (Chrome 32+, Safari 14+). AVIF는 Chrome 85+와 Safari 16+가 필요합니다. 2026년 대부분의 사이트에서는 둘 다 안전하게 사용 가능합니다.
- 도구 지원: WebP는 더 나은 도구 커버리지를 가집니다 — 더 많은 이미지 편집기, CDN, 빌드 파이프라인이 WebP를 기본 지원합니다. AVIF 지원은 개선되고 있지만 아직 보편적이지 않습니다.
권장사항: 최대 압축이 중요하고 인코딩 시간이 허용될 때 AVIF를 사용하세요 (정적 자산, 사전 빌드된 이미지). 인코딩 속도나 더 넓은 호환성이 우선순위일 때는 WebP를 사용하세요.
AVIF를 사용해야 할 때
- 웹사이트 히어로 이미지와 제품 사진: AVIF의 우수한 압축은 LCP(최대 콘텐츠풀 페인트) 시간을 줄여 Core Web Vitals 점수를 직접 향상시킵니다.
- Next.js와 현대 프레임워크: Next.js의
next/image는 브라우저가 지원할 때 자동으로 AVIF를 제공합니다 (next.config.js에서formats: ['image/avif', 'image/webp']로 구성). - 이커머스 제품 이미지: 대규모 카탈로그는 더 작은 파일 크기에서 가장 많은 이점을 얻습니다 — 이미지당 더 적은 바이트가 수천 개의 제품에 걸쳐 누적됩니다.
- HDR 및 광색역 콘텐츠: AVIF는 기본적으로 10비트 및 12비트 색 심도를 지원하여 HDR 사진을 잘 처리하는 유일한 일반적인 웹 형식입니다.
AVIF를 사용하지 말아야 할 때
- 이메일: 이메일 클라이언트는 AVIF를 렌더링하지 않습니다. 이메일 이미지에는 JPG 또는 PNG를 사용하세요.
- Office 문서: Word, PowerPoint, Excel은 AVIF 삽입을 지원하지 않습니다. PNG 또는 JPG를 사용하세요.
- 소셜 미디어 업로드: Instagram, Twitter/X, Facebook, LinkedIn은 업로드된 이미지를 내부적으로 JPEG로 변환합니다. 이중 압축을 피하려면 JPG를 직접 업로드하세요.
- 이미지 편집 워크플로우: AVIF를 작업 파일 형식으로 사용하지 마세요. 원본을 TIFF 또는 PSD로 저장하고 최종 웹 전달을 위해서만 AVIF로 내보내세요.
- 성능에 민감한 실시간 생성: AVIF 인코딩은 CPU 집약적입니다. 요청 시 서버에서 이미지를 생성하는 경우 WebP 또는 JPG가 더 실용적일 수 있습니다.
이미지를 AVIF로 변환하는 방법
브라우저에서 무료로 모든 이미지를 AVIF로 변환할 수 있습니다:
모든 변환은 브라우저에서 실행됩니다 — 서버에 아무것도 업로드되지 않습니다.
AVIF를 다른 형식으로 변환하는 방법
AVIF 파일을 받았는데 더 호환성 있는 형식이 필요한 경우:
- AVIF → JPG 변환 — 사진, 이메일, 소셜 미디어용
- AVIF → PNG 변환 — 로고, 스크린샷, 문서용
AVIF는 어떤 파일 확장자를 사용하나요?
AVIF 파일은 .avif 확장자와 MIME 타입 image/avif를 사용합니다..jpg나 .png로 이름을 바꿀 수 없습니다 — 파일 형식이 다르며 이름을 바꾸면 파일이 손상됩니다. 실제로 변환해야 합니다.
AVIF vs JPEG XL — 차이점은?
JPEG XL(JXL)은 AVIF와 경쟁하는 또 다른 차세대 형식입니다. JPEG XL은 기존 JPEG의 무손실 재압축(아카이브에 유용), AVIF보다 빠른 인코딩, 비슷한 압축률을 제공합니다. 그러나 Chrome은 2022년에 JPEG XL 지원을 제거했으며 브라우저 채택이 제한적으로 남아 있습니다. 2026년 현재 웹 배포에서 AVIF는 JPEG XL보다 훨씬 더 나은 브라우저 지원을 가집니다.