avif 와 avif 변환앱 - 차세대 이미지 포맷 활용하기

avif란?

차세대 이미지 양식으로 AV1 Image File Format의 뜻이다. Alliance for Open Media (AOM)에서 개발됐다. AV1 코덱으로 압축했고 HEIF 컨테이너 형식을 사용한다. JPEG 보다 높은 압축 효율을 가지고 있다. 하지만 비교적 새로운 기술이라 호환성이 높지는 않다. 이미지 파일을 많이 쓰는 넷플릭스 같은 곳에서 선제적으로 도입했다. 구글이 미는 webp와 함께 차세대 이미지 포맷이라고 불리운다.

avif 사용방법

avif 변환하기 (avif to jpg)

만약 avif를 지원하지 않는 사이트가 있다면 avif를 jpg 파일로 변환해서 사용하면 된다.

AVIF to JPG- 온라인 및 무료 - Converter App

이곳에서 jpg로 변환할 수 있다.

html에서 활용하기

==최신 브라우저라면 img 태그 내에서 바로 활용할 수 있다.== 하지만 모든 브라우저가 지원하는 것은 아니다.

그래서 html5의 ==picture 태그==를 사용해서 fallback을 지정하면 좋다.

<picture>
  <source type="image/avif" srcset="image-file.avif">
  <source alt="fallback image" src="image-file.jpg">
</picture>