AVIF란 무엇이고, 써야 할까?

쉽게 풀어 본 AVIF

AVIF는 AV1 비디오 코덱에서 나온 현대적인 이미지 포맷입니다. 영상을 효율적으로 스트리밍하는 바로 그 압축 기술을 정지 이미지 한 장에 적용한 것이죠. 그 출신이 핵심입니다. 움직이는 영상을 최대한 적은 바이트에 밀어 넣기 위해 수년간 쌓인 노력을, AVIF는 사진에 고스란히 물려받습니다. 그 결과 아주 작은 파일 안에 시각적 디테일을 많이 담아내는 포맷이 됩니다.

웹에서 기대할 만한 기능은 모두 지원합니다. 풀 컬러, 투명도(알파 채널), 그리고 시각적으로 무손실인 수준부터 과감한 압축까지 넓은 품질 범위를 다룰 수 있죠. 대부분의 사람에게 중요한 건 결국 실용적인 질문 하나입니다. 바꿔 탈 만한 가치가 있는가?

얼마나 더 작아질까?

같은 시각적 품질이라면, 일반적인 사진에서 AVIF는 JPEG보다 극적으로 작고 WebP보다도 의미 있게 작습니다. 대략적인 수치는 실제 이미지 전반에서 꽤 잘 들어맞습니다.

포맷	JPG 대비 일반적인 크기	인코딩 속도	적합한 용도
JPG	기준	빠름	레거시 시스템, 이메일, 오래된 소프트웨어
WebP	−25% ~ −35%	빠름	일상적인 웹 이미지, 안전한 기본값
AVIF	−40% ~ −55%	느림	사진, 히어로 이미지, 최대 절감

이는 평균이지 보장은 아닙니다. 밋밋한 그래픽과 디테일이 풍부한 풍경은 압축 방식이 완전히 다릅니다. 하지만 실제 사진에서 AVIF는 시작 지점의 JPEG보다 대체로 절반 크기 정도에 안착하며, 특히 예전 포맷이 밴딩을 드러내기 시작하는 그러데이션과 미세한 질감에서 WebP를 눈에 띄게 앞섭니다.

오늘의 브라우저 지원

예전엔 이게 발목을 잡았지만, 이제는 대부분 아닙니다. AVIF는 Chrome, Edge, Firefox, Safari의 현재 버전에서 디코딩됩니다. 트래픽의 대다수를 차지하는 브라우저들이죠. 방문자가 브라우저를 어느 정도 최신 상태로 유지한다면, 플러그인이나 대체 이미지 없이도 AVIF 이미지를 볼 수 있습니다.

솔직한 단서: 저 문장에서 “현재 버전”이라는 말이 진짜로 일을 하고 있습니다. 아주 오래된 기기, 일부 이메일 클라이언트, 이미지를 처리하는 서드파티 도구는 아직 AVIF를 디코딩하지 못할 수 있습니다. 이미지가 말 그대로 어디서나 렌더링되어야 한다면, 한 번 더 고민할 이유가 됩니다. 이에 대해서는 아래에서 더 다룹니다.

절충점

AVIF의 압축은 더 많은 연산에서 나오고, 그 대가는 두 곳에서 드러납니다.

인코딩이 더 느립니다. 이미지를 AVIF로 바꾸는 데는 WebP나 JPEG보다 눈에 띄게 오래 걸립니다. 사진 몇 장이라면 신경 쓰이지 않겠지만, 대량 배치라면 그 추가 시간이 쌓입니다.
작고 밋밋한 이미지는 오히려 더 커질 수 있습니다. 작고 단순한 그래픽 — 밋밋한 아이콘, 색이 몇 개뿐인 로고, 선화 배지 — 에서는 포맷 자체의 오버헤드가 절감 효과를 넘어설 수 있어서, AVIF가 최적화된 PNG나 WebP보다 오히려 커질 수 있습니다. 절감 효과는 시각적 복잡도에 비례하는데, 20색짜리 아이콘은 AVIF가 다룰 거리가 별로 없습니다.

둘 다 치명적인 결격 사유는 아닙니다. 그저 AVIF가 어디에 어울리는지를 알려 줄 뿐입니다.

AVIF를 꺼내 들 때

파일 크기가 정말로 중요하고, 이미지에 압축할 디테일이 있을 때 쓰세요.

사진 — 인물, 제품 컷, 풍경. 여기가 AVIF의 홈그라운드입니다.
히어로 이미지와 큰 배경 — 페이지에서 가장 큰 이미지야말로 −50% 절감이 체감되는 곳입니다.
갤러리와 이미지가 많은 페이지 — 방문자가 불러오는 모든 사진마다 절감이 곱해집니다.

WebP나 PNG가 더 현명한 선택일 때

어디서나 작동해야 할 때, 오래된 기기와 이메일까지 포함한다면 — 사실상 보편적인 WebP를 쓰거나, 가장 오래된 시스템에는 일반 JPEG를 쓰세요.
시간에 쫓기며 대량 배치를 변환할 때 — WebP가 훨씬 빠르게 인코딩됩니다.
이미지가 밋밋한 아이콘, 로고, 단순한 그래픽일 때 — 먼저 WebP나 최적화된 PNG를 시도하세요. AVIF의 오버헤드 탓에 이런 이미지는 크기가 줄지 않거나 오히려 커지는 경우가 많습니다.

두 최신 포맷을 직접 저울질하고 있다면, WebP vs AVIF 가이드가 그 결정을 나란히 놓고 풀어 줍니다.

아무것도 업로드하지 않고 시도해 보기

이걸 시험하는 데 클라우드 서비스는 필요 없습니다. 브라우저 기반 변환기에 사진을 끌어다 놓고 AVIF로 내보낸 뒤, 크기와 모양을 WebP와 비교해 보세요. 품질 슬라이더로 파일이 가장 작으면서도 여전히 제대로 보이는 지점을 찾을 수 있습니다. 모든 작업이 여러분의 기기 위에서 돌아가므로, 아무것도 업로드되지 않고 대량 배치라도 사적으로 남습니다.

라이브러리 전체를 맡기기 전에 한 가지 참고할 점: AVIF는 PNG, JPG, WebP, AVIF 원본에서 작동하지만 — 아이폰의 HEIC 파일은 지원하지 않으므로, 그런 파일은 먼저 JPG나 PNG로 변환하세요. 좋은 작업 흐름은 우선 WebP로 변환해 기준선을 잡고, 그다음 가장 큰 사진들을 AVIF로 다시 내보내 둘 중 더 작은 쪽을 남기는 것입니다. 실제 사진에서는 대개 AVIF가 이기고, 밋밋한 그래픽에서는 파일 크기가 결정하게 두세요.

지금 사용해 보기 — 브라우저에서 변환, 업로드 없이.

← 전체 가이드