image/avifimage/avif는 AV1 Image File Format의 미디어 타입으로, AV1 비디오 코덱의 인트라 프레임 기술을 정지 이미지에 적용한 최신 포맷입니다. 같은 화질에서 JPEG·WebP보다 파일이 더 작아 차세대 웹 이미지로 주목받습니다.
AVIF는 HDR·와이드 색역·10/12비트 심도·알파 투명도·애니메이션을 지원하며, 특히 저비트레이트에서 JPEG 대비 압축 효율이 크게 우수합니다. 최신 브라우저 대부분이 지원하지만 구형 환경 커버리지는 WebP보다 좁아, `Accept: image/avif`가 있으면 AVIF를, 없으면 WebP·JPEG로 폴백하는 협상이 표준 패턴입니다. 이때도 `Vary: Accept`로 캐시 혼선을 막습니다.
트레이드오프는 인코딩 비용입니다. AVIF는 인코딩이 JPEG·WebP보다 훨씬 느리고 CPU를 많이 써, 대량 이미지를 실시간 변환하기보다 빌드 타임이나 CDN 이미지 파이프라인에서 미리 생성하는 편이 적합합니다. <picture> 요소로 AVIF→WebP→JPEG 소스를 나열해 브라우저가 지원 포맷을 고르게 하는 방식이 널리 쓰입니다.
e.g. Content-Type: image/avif