AVIF(AV1 Image File Format)는 오픈 미디어 연합(Alliance for Open Media)이 개발한 오픈 소스 이미지 파일 형식이다. AV1 비디오 코덱의 정지 이미지 프로파일을 사용하며, HEIF(High Efficiency Image File Format) 컨테이너 구조를 따른다. JPEG, PNG, WebP 등 기존 형식을 대체하여 웹 환경에서 더 작은 용량으로 고화질 이미지를 제공하는 것을 목적으로 한다.

배너 광고

개요

AVIF는 2019년 오픈 미디어 연합(AOM)이 표준화한 차세대 이미지 파일 형식이다. 구글, 애플, 마이크로소프트, 넷플릭스 등 주요 IT 기업이 개발에 참여하였다. 비디오 압축 표준인 AV1의 기술을 정지 이미지에 적용하여 웹 환경의 이미지 로딩 속도를 개선하고 데이터 전송량을 줄이기 위해 설계되었다. JPEG, PNG, GIF, WebP의 대안으로 주목받는다.

주요 특징

AVIF는 현대적인 이미지 포맷이 요구하는 다양한 기능을 통합적으로 지원한다.

  • 압축 방식: 손실 압축(Lossy)과 무손실 압축(Lossless)을 모두 지원한다.
  • 투명도 및 애니메이션: PNG와 같은 알파 채널 투명도를 지원하며, GIF와 유사한 애니메이션 이미지 시퀀스 저장이 가능하다.
  • 고대역폭 색상: HDR(High Dynamic Range) 및 광색역(Wide Color Gamut) 이미지를 지원하여 더 풍부하고 사실적인 색상 표현이 가능하다.
  • 로열티 프리: 특허료 지불 없이 누구나 자유롭게 사용할 수 있는 오픈 소스 형식이다.

기술적 구조

AVIF 파일은 ISO 베이스 미디어 파일 포맷(ISOBMFF)을 기반으로 하는 HEIF 규격을 재사용한다. HEIF는 이미지 아이템과 이미지 시퀀스를 저장하기 위한 표준 가이드라인을 정의하며, AVIF는 여기에 AV1 비디오 코덱의 인코딩 데이터를 저장한다. 상호 운용성을 높이기 위해 MIAF(Multi-Image Application Format)의 제약을 기반으로 하는 여러 프로파일을 정의하고 있다. 2025년 10월 기준 사양 버전은 v1.2.0이다.

성능 및 효율성

넷플릭스와 구글의 테스트 결과에 따르면, AVIF는 JPEG나 WebP에 비해 압축 효율이 월등히 높다. 동일한 화질에서 JPEG보다 파일 크기를 크게 줄일 수 있으며, 특히 낮은 비트레이트에서도 이미지의 세부 묘사를 잘 보존한다. JPEG에서 흔히 발생하는 블록 현상(Blocking artifacts)이나 색상 번짐(Color bleeding) 현상이 적게 나타나 웹사이트 로딩 속도 개선에 기여한다. Squoosh 등의 도구를 이용한 테스트에서 원본 대비 약 10배 가까운 압축률을 보이기도 한다.

브라우저 지원 현황

2024년 이후 AVIF는 주요 웹 브라우저에서 광범위하게 지원되고 있다. 전 세계 브라우저 점유율의 약 93% 이상을 커버한다.

브라우저지원 시작 버전상태
Chrome85 (2020년 8월)지원
Firefox93 (2021년 10월)지원
Safari16.4 (2023년 3월)지원
Edge121 (2024년 1월)지원
Opera71 (2020년 8월)지원

도구 및 활용

AVIF 인코딩을 위해 libaomlibavif 같은 오픈 소스 라이브러리가 사용된다. 사용자는 Squoosh와 같은 웹 앱이나 avifenc 명령줄 도구를 통해 이미지를 AVIF로 변환할 수 있다. 웹 개발 시에는 <picture> 요소를 사용하여 AVIF를 지원하는 브라우저에는 해당 형식을 제공하고, 미지원 브라우저에는 JPEG나 WebP를 대체 형식으로 제공하는 방식이 권장된다.

libaom 인코딩 최적화에 따른 인코딩 시간 감소 그래프
시간 경과에 따른 libaom 라이브러리의 AVIF 인코딩 속도 개선 추이AVIF를 사용하여 사이트의 이미지 압축 | Articles | web.dev

참고 자료

5
AVIF image format | Can I use... Support tables for HTML5, CSS3, etcAVIF image format | Can I use... Support tables for HTML5, CSS3, etc ### AVIF image format A modern image format based on the AV1 video format. AVIF generally has better compressi…https://caniuse.com/avifAVIF 이미지 제공 | Google CodelabsAVIF 이미지 제공 | Google Codelabs # AVIF 이미지 제공 ## 1. 소개 이미지는 웹페이지를 로드하는 데 필요한 평균 바이트의 60%이상을 차지합니다. AVIF를 사용하면 이미지를 더 작게 만들고 웹사이트 로드 속도를 높일 수 있습니다. ## AVIF란 무엇인가요? AVIF는 AV1 동영상 비트스트…https://codelabs.developers.google.com/codelabs/avif?hl=koAV1 Image File Format (AVIF)AV1 Image File Format (AVIF) ## v1.2.0 ### AOM Final Deliverable, 16 October 2025 --- ## Abstract This document specifies syntax and semantics for the storage of [AV1] images in t…https://aomediacodec.github.io/av1-avif이미지 형식: AVIF | web.devAV1 Image File Format (AVIF) is an encoding based on the open source AV1 video codec. AVIF is even newer---than WebP, only supported in Chrome and Opera since 2020, Firefox in 202…https://web.dev/learn/images/avif?hl=koAVIF를 사용하여 사이트의 이미지 압축 | Articles | web.devJai Krishnan Wan-Teh Chang Jeremy Wagner GitHub LinkedIn Homepage We frequently write about the bloat on websites from images, and tools like Lighthouse highlight when image loadi…https://web.dev/articles/compress-images-avif?hl=ko

관련 문서