파일 형식
AVIF란? AV1 기반 차세대 이미지 형식
AVIF는 AV1 비디오 코덱의 이미지 압축과 HEIF 컨테이너를 결합한, 로열티가 없고 효율이 매우 높은 이미지 형식입니다. 구조와 실제 절감 효과, 한계를 알아봅니다.
작성자: Hemen Dönüştür Editör Ekibi게시일: 6분 분량

AVIF(AV1 Image File Format)는 AV1 비디오 코덱의 정지 이미지 압축을 이미지 파일에 적용한 형식입니다. 사진을 JPEG보다, 많은 경우 WebP보다 작은 파일로 저장할 수 있으며 투명도, 애니메이션, 10비트와 12비트 색 깊이, HDR을 지원합니다. 이 글에서는 AVIF가 어디서 왔는지, 파일 안에 무엇이 있는지, 실제로 얼마나 절약되는지, 어디서 문제를 일으키는지 설명합니다.
AVIF는 누가 만들었나요?
AVIF는 개방형, 로열티 없는 미디어 기술을 만들기 위해 2015년에 설립된 업계 컨소시엄 Alliance for Open Media(AOMedia)가 개발했습니다. AOMedia의 첫 대형 프로젝트는 AV1 비디오 코덱으로, AOMedia에 따르면 2018년에 공개되었습니다. 미국 의회도서관의 형식 설명에 따르면 AVIF 사양 1.0.0 버전은 2019년 2월 19일, 1.1.0 버전은 2022년 4월 15일 자입니다. 현재 사양 버전은 2025년 10월 16일 자 1.2.0입니다.
로열티가 없다는 점이 핵심적인 차이입니다. MDN도 AVIF를 고성능이면서 로열티가 없는 형식으로 설명합니다. 같은 HEIF 컨테이너를 쓰는 HEIC는 HEVC 코덱에 의존하며, 브라우저 지원은 AVIF에 한참 못 미칩니다.
AVIF 파일의 내부
HEIF 컨테이너
AVIF는 AV1로 압축한 이미지를 HEIF 컨테이너(High Efficiency Image File Format, ISO/IEC 23008-12)에 저장합니다. HEIF 자체는 MP4 파일과 같은 기반인 ISO 기본 미디어 파일 형식(ISOBMFF)에 바탕을 둡니다. 사양에 따르면 AVIF 파일은 단일 이미지와 이미지 시퀀스 모두에서 HEIF 규격을 따르는 파일이 되도록 설계되었으며, MIAF도 준수해야 합니다. 파일 유형은 맨 앞의 ftyp 박스에 있는 브랜드로 식별합니다. 정지 이미지는 avif, 애니메이션 시퀀스는 avis입니다.
프로필
사양은 두 가지 프로필을 정의합니다. AV1 Main 프로필의 레벨 5.1 이하를 쓰는 Baseline(브랜드 MA1B)과, 정지 이미지에 AV1 High 프로필을 허용하는 Advanced(브랜드 MA1A)입니다. 이 프로필 덕분에 디코더가 어떤 파일을 열 수 있는지 예측할 수 있습니다.
투명도와 애니메이션
알파 채널은 주 이미지에 연결된 별도의 보조 AV1 이미지로 저장됩니다. 이 알파 이미지는 흑백이어야 하며 주 이미지와 같은 비트 깊이를 써야 합니다. 애니메이션 AVIF는 사실상 AV1 비디오 트랙이므로, 같은 내용의 애니메이션 GIF보다 훨씬 효율적으로 압축됩니다.
압축, 색 깊이, HDR
AVIF는 AV1의 프레임 내 부호화 도구를 씁니다. 이미지를 크기가 가변적인 블록으로 나누고, 여러 방향성 예측 모드 중 가장 좋은 것으로 각 블록을 예측한 뒤, 남은 차이를 변환하고 양자화합니다. JPEG의 고정된 8x8 블록에 비해 이런 유연성은 특히 작은 파일 크기에서 블록 현상을 줄이고 평평한 영역을 더 깨끗하게 남깁니다.
MDN에 따르면 AVIF는 8, 10, 12비트 색 깊이와 YUV 4:4:4, 4:2:2, 4:2:0 색차 샘플링을 지원합니다. AVIF 사양은 이 형식이 HDR(High Dynamic Range)과 WCG(Wide Color Gamut) 이미지를 지원한다고 명시하며, MDN은 PQ와 HLG 전달 함수, Rec. 2020 색 공간을 나열합니다. JPEG와 WebP가 8비트로 제한된다는 점을 생각하면, AVIF는 웹에서 HDR 사진을 제공하는 가장 성숙한 선택지 중 하나입니다.
AVIF는 얼마나 작을까요?
web.dev의 AVIF 가이드 저자들(Jai Krishnan, Wan-Teh Chang, Jeremy Wagner)은 자신들과 다른 사람들의 작업에서 JPEG 대비 50%가 넘는 절감을 확인했다고 밝히며, MDN은 손실 AVIF 이미지가 JPEG 이미지보다 약 50% 작다고 설명합니다. 이 수치는 콘텐츠, 인코더 설정, 목표 화질에 따라 달라집니다.
실제 웹 데이터는 좀 더 신중한 그림을 보여 줍니다. HTTP Archive Web Almanac 2024에 따르면 모바일에서 AVIF 이미지의 중앙값은 픽셀당 1.4비트로, WebP의 1.3, JPEG의 2.0과 비교됩니다. 보고서는 AVIF 중앙값이 2022년 약 1.0비트에서 약 47% 늘었다는 점도 지적합니다. 다시 말해, 사이트들이 고르는 화질 설정에 따라 형식의 이론적 장점이 실제로 항상 더 작은 파일로 이어지지는 않습니다.
브라우저 지원과 도입 현황
Can I use에 따르면 AVIF를 지원하는 브라우저는 전 세계 사용량의 96.35%를 차지합니다(2026년 10월). 지원은 Chrome 85, Firefox 93, Edge 121, Safari 16.4부터 시작되었고, Safari 16.1~16.3은 부분 지원입니다. MDN에 따르면 Firefox는 113 버전에서 애니메이션 AVIF 지원을 추가했습니다.
도입률은 아직 낮지만 빠르게 늘고 있습니다. 2026년 10월 W3Techs 데이터에 따르면 AVIF는 조사 대상 웹사이트의 1.7%에서 쓰입니다. Web Almanac 2024에 따르면 모바일 페이지 이미지의 1.0%가 AVIF이며, 이 비중은 2년 동안 상대적으로 386% 늘었습니다.
웹사이트에서 AVIF를 제공하는 방법
AVIF 지원은 WebP보다 최근에 이루어졌기 때문에 MDN도 더 널리 지원되는 형식으로 대체 이미지를 제공하라고 권장합니다. 가장 흔한 방법은 HTML <picture> 요소에 소스를 가장 효율적인 것부터 가장 호환성이 높은 것 순서로 나열하는 것입니다. 브라우저는 이해하는 첫 번째 소스를 불러오며, 아무것도 모르면 <img> 태그의 JPG를 씁니다.
<picture>
<source srcset="photo.avif" type="image/avif">
<source srcset="photo.webp" type="image/webp">
<img src="photo.jpg" alt="이미지를 설명하는 대체 텍스트" width="1200" height="800">
</picture>
이렇게 하면 파일 세 개를 준비해야 하지만, 모든 방문자는 자신의 브라우저가 지원하는 가장 작은 파일을 내려받습니다.
AVIF의 약점
- 느린 인코딩: AVIF를 만드는 데는 JPEG나 WebP보다 눈에 띄게 많은 CPU 시간이 듭니다. web.dev 가이드는 더 빠른 속도 설정을 쓰면 압축 효율과 화질이 떨어진다고 설명합니다.
- 프로그레시브 표시 없음: MDN에 따르면 AVIF는 프로그레시브 렌더링을 지원하지 않으므로, 파일을 완전히 내려받아야 표시할 수 있습니다.
- 소프트웨어 지원이 브라우저보다 늦음: 브라우저는 AVIF를 표시하지만, 오래된 뷰어, 오피스 프로그램, 업로드 양식은 받지 않는 경우가 많습니다.
- 아주 높은 화질에서는 이득이 줄어듦: 무손실에 가까운 파일은 빠르게 커지므로, 보관용 사본에는 PNG나 원본 파일이 더 맞습니다.
자주 겪는 문제
AVIF 파일이 열리지 않습니다
대개 프로그램이 AVIF를 모르기 때문입니다. 파일을 공유하거나 오래된 소프트웨어에서 쓰려면 사진은 JPG로, 투명 이미지는 PNG로 변환하는 것이 가장 빠른 해결책입니다.
변환 후 색이 바래 보입니다
HDR이나 넓은 색 영역의 AVIF를 8비트 sRGB 형식으로 변환하면 추가 밝기와 색 정보가 들어갈 자리가 없어 이미지가 의도보다 흐릿해 보일 수 있습니다. 이는 대상 형식의 한계입니다.
애니메이션이 사라졌습니다
JPG와 PNG는 애니메이션을 담지 못하므로, 애니메이션 AVIF를 두 형식 중 하나로 변환하면 프레임 하나만 남습니다.
AVIF 변환 팁
- AVIF를 어디서나 열려면: AVIF를 JPG로 변환하거나, 투명도를 유지하려면 AVIF를 PNG로 변환하세요. 애니메이션 AVIF 파일은 첫 프레임만 사용됩니다.
- AVIF를 만들려면: 저희 JPG를 AVIF로, PNG를 AVIF로 변환 도구는 기본적으로 화질 60을 씁니다. AVIF의 화질 척도는 JPEG와 의미가 다르며, 60이면 대부분의 사진에서 좋은 결과를 얻을 수 있습니다. 화질 95 이상에서는 색상이 전체 해상도(4:4:4)로 인코딩되고, 그 아래에서는 4:2:0이 쓰입니다.
- 조금 기다려 주세요: AVIF 인코딩은 브라우저에서 WebAssembly로 실행되며 다른 형식보다 느립니다. 화면에 진행 상황이 표시됩니다. 파일은 기기를 떠나지 않습니다.
- 색상과 메타데이터: 저희 도구는 색상을 sRGB에 맞추므로 HDR 정보는 결과물에 옮겨지지 않습니다. EXIF와 위치 정보도 결과물에 기록되지 않습니다.
- 일괄 작업에는 이미지 변환기에서 대상 형식으로 AVIF를 골라 여러 파일을 한 번에 변환하세요.
자주 묻는 질문
AVIF와 HEIC는 같은 것인가요?
아니요, 하지만 관련이 있습니다. 둘 다 HEIF 컨테이너를 쓰는데, HEIC는 이미지를 HEVC(H.265)로, AVIF는 AV1로 압축합니다. AV1은 로열티가 없는 코덱이며, 오늘날 AVIF는 모든 주요 브라우저에서 열리지만 HEIC는 주로 Apple 기기에 묶여 있습니다.
AVIF가 WebP보다 나은가요?
AVIF는 사진에서 대개 더 작은 파일을 만들고 HDR을 지원합니다. WebP는 인코딩이 훨씬 빠르고 지원 범위가 더 오래전까지 거슬러 올라갑니다. 사이트에서 <picture> 요소로 둘 다 제공하면 모든 브라우저가 자신이 지원하는 가장 효율적인 형식을 받습니다.
AVIF도 무손실이 가능한가요?
네, AV1은 무손실 부호화도 지원합니다. 다만 무손실 AVIF 파일은 대개 커서, 무손실 저장이 필요하다면 PNG나 무손실 WebP가 더 실용적인 경우가 많습니다.
iPhone에서 AVIF가 열리나요?
현재 iOS 버전의 Safari는 AVIF를 표시합니다. Can I use에 따르면 완전 지원은 Safari 16.4부터입니다. 개별 앱의 지원은 앱마다 다릅니다.
AVIF 저장은 왜 이렇게 느린가요?
AV1은 가장 좋은 압축을 찾기 위해 여러 블록 크기와 예측 방향을 시도합니다. 이 탐색이 파일을 작게 만들지만 CPU 시간이 듭니다. 인코더의 속도 설정이 이 균형을 바꾸며, 빠른 설정일수록 파일이 커집니다.
출처
- AOMedia: AV1 Image File Format (AVIF) specification
- AOMedia: Our story
- 미국 의회도서관: AVIF 형식 설명
- MDN: Image file type and format guide
- web.dev: Using AVIF to compress images on your site
- Can I use: AVIF image format
- W3Techs: Usage statistics of image file formats for websites
- HTTP Archive Web Almanac 2024: Media


