용어
AVIF
AVIF(AV1 Image File Format)는 JPG, PNG, WebP보다 훨씬 효율적으로 압축해 비슷하거나 더 나은 시각적 화질에서 파일 크기를 줄이는 차세대 이미지 형식입니다.
다른 이미지 형식과의 차이
AVIF는 Google, Apple, Mozilla 등이 참여한 Alliance for Open Media가 개발한 AV1 영상 코덱을 바탕으로 합니다. 덕분에 원래 영상을 위해 만든 고급 압축 기술을 이미지에도 사용합니다.
AVIF는 같은 체감 화질의 JPG보다 파일 크기가 약 50% 작습니다. JPG는 글자와 날카로운 가장자리 주위에 블록 모양의 손상이 나타날 수 있지만 AVIF는 이런 요소를 더 잘 보존해 스크린샷과 UI 이미지에도 잘 맞습니다.
같은 화질의 WebP와 비교하면 AVIF가 파일 크기를 20~30% 더 줄입니다. 두 형식 모두 손실·무손실 압축, 투명도, 애니메이션을 지원하지만 대부분의 이미지에서 AVIF의 압축 효율이 더 높습니다.
무손실 AVIF도 PNG보다 작은 파일을 만들지만 손실 압축 형식 사이의 차이만큼 크지는 않습니다. AVIF를 높은 화질의 손실 모드로 사용할 때 장점이 더 뚜렷합니다. PNG보다 훨씬 작은 파일로 무손실에 가까운 시각적 결과를 얻습니다.
그 대신 인코딩 속도가 느립니다. JPG, PNG, WebP보다 인코딩 시간이 훨씬 길고 디코딩도 조금 느립니다. 다만 최신 하드웨어에서는 AVIF를 표시할 때 지연이 눈에 띄지 않는 경우가 많습니다.
브라우저와 도구 지원
AVIF 브라우저 지원은 꾸준히 넓어졌습니다. Chrome과 Firefox가 먼저 지원했고 Safari는 버전 16.4부터 합류했습니다. Edge, Opera를 비롯한 Chromium 기반 브라우저도 AVIF를 기본으로 표시합니다. 대부분의 웹 사용 환경을 포함하지만 WebP나 JPG만큼 모든 구형 환경을 아우르지는 않습니다.
편집 도구의 지원도 늘고 있습니다. GIMP와 플러그인을 설치한 Photoshop에서 AVIF를 다룰 수 있습니다. 최근 macOS와 Windows 버전도 기본 이미지 보기 기능을 지원하기 시작했습니다.
일부 최신 스크린샷 도구에는 AVIF 내보내기가 포함돼 있습니다. 인코딩 시간이 길기 때문에 캡처와 동시에 저장하는 작업보다 일괄 처리나 캡처 후 최적화에 더 적합합니다.
AVIF를 사용하기 좋은 경우
- 웹 성능 최적화: 효율적인 압축으로 웹사이트의 이미지 전송량을 줄입니다. 지원 범위를 넓히려면 WebP와 JPG 대체 파일을 함께 제공하세요.
- 이미지 보관: 스크린샷이나 이미지를 대량으로 저장할 때 작은 파일이 장기 저장 비용을 줄입니다.
- 고화질 이미지 공유: AVIF를 지원하는 플랫폼에서는 같은 파일 크기로 스크린샷과 사진의 세부 표현을 더 많이 남깁니다.
- 이미지가 많은 문서: 스크린샷이 수백 장 들어가는 지식 문서와 도움말 사이트는 전송량을 줄이는 효과가 큽니다.
- 미리 처리하는 이미지 작업: 이미지를 한 번 캡처하고 일괄 처리한 뒤 여러 번 제공한다면 느린 인코딩 비용은 한 번만 발생합니다.
AVIF와 다른 형식을 함께 지원하는 내보내기 도구에서는 별도 변환 없이 각 게시 대상에 맞는 파일 형식을 고를 수 있습니다.
흔한 실수
- 빠른 저장이 필요한 곳에 AVIF를 사용합니다. 인코딩 시간이 즉시 캡처하고 공유하는 흐름을 늦춥니다. 먼저 WebP나 PNG로 저장하고 필요할 때 나중에 AVIF로 변환하세요.
- 대체 이미지 없이 AVIF만 제공합니다. 모든 브라우저와 플랫폼이 AVIF를 지원하는 것은 아닙니다. 지원하지 않는 환경을 위해 WebP나 JPG를 함께 제공하세요.
- 스크린샷을 지나치게 압축합니다. 손실 AVIF의 화질을 너무 낮추면 글자와 세밀한 UI가 흐려집니다. 읽어야 할 글자가 있다면 무손실 또는 높은 화질을 사용하세요.
- 일괄 처리에서 AVIF를 검토하지 않습니다. 이미지를 대량으로 처리하고 저장한다면 AVIF의 저장 공간과 대역폭 절감 효과를 비교해 보세요.
자주 묻는 질문
모든 브라우저가 AVIF를 지원하나요?
Chrome, Firefox, Opera가 AVIF를 지원하며 Safari는 버전 16.4부터 지원합니다. 이전 브라우저 버전과 일부 브라우저에서는 표시하지 못할 수 있지만 지원 범위는 계속 넓어지고 있습니다.
AVIF로 WebP를 대체할 수 있나요?
대부분의 경우 가능합니다. AVIF는 손실 압축과 무손실 압축 모두에서 같은 화질의 WebP보다 작은 파일을 만듭니다. WebP는 인코딩이 더 빠르고 브라우저 지원 범위가 조금 더 넓다는 장점이 있습니다.
AVIF는 투명도를 지원하나요?
네. AVIF는 손실과 무손실 모드 모두에서 전체 알파 투명도를 지원합니다. 투명한 배경이 필요한 스크린샷, 로고, UI 요소에 사용할 수 있습니다.
AVIF 인코딩은 느린가요?
AVIF는 JPG나 WebP보다 인코딩 시간이 훨씬 깁니다. 즉시 변환하는 작업에는 덜 알맞지만, 인코딩 시간을 크게 신경 쓰지 않는 사전 처리 이미지에는 적합합니다.
스크린샷에 AVIF를 사용해도 되나요?
파일 크기가 중요하고 인코딩 시간을 감수할 수 있다면 좋은 선택입니다. 글자가 많은 스크린샷은 무손실 AVIF로 가장자리를 선명하게 유지하세요. 빠른 캡처에는 인코딩이 빠른 WebP나 PNG가 더 실용적일 수 있습니다.
출처
- AVIF 이미지 형식 — web.dev
- AV1 Image File Format(AVIF) — Alliance for Open Media