사용 방법
- Base64 문자열이나 data:image/avif;base64 URI를 붙여넣습니다.
- 미리 보기, 감지된 형식, 이미지 크기를 확인합니다.
- AVIF를 그대로 저장하려면 ‘원본’을 선택합니다. 다른 형식을 변환하려면 AVIF를 선택한 상태로 둡니다. 브라우저가 AVIF를 인코딩할 수 없으면 이 옵션은 사용할 수 없습니다.
- .avif 파일을 다운로드합니다.
AVIF 데이터의 모습
AVIF는 AV1 동영상 코덱으로 압축한 이미지를 HEIF 컨테이너에 저장합니다. HEIF는 MP4와 같은 ISO 기본 미디어 파일 구조를 사용합니다. PNG처럼 짧은 고정 시그니처는 없고, 대신 브랜드 avif(애니메이션 시퀀스라면 avis)를 지정하는 ftyp 박스로 파일이 시작합니다. Base64로 보면 보통 문자열이 AAAA로 시작하고 몇 글자 뒤에 eXBhdmlm가 들어 있습니다. 이 도구는 박스 자체를 읽으므로, 같은 컨테이너에 다른 브랜드를 쓰는 HEIC와 AVIF를 구별할 수 있습니다. MIME 유형은 image/avif입니다.
AVIF 변환은 브라우저에 따라 다릅니다
Chrome, Edge, Firefox, Safari의 최신 버전은 모두 AVIF를 표시하므로 미리 보기와 원본 파일 저장은 거의 모든 환경에서 작동합니다. 새 AVIF 파일을 만드는 것은 사정이 다릅니다. 변환에는 브라우저에 내장된 인코더를 사용하는데, 모든 브라우저가 캔버스에서 AVIF를 생성할 수 있는 것은 아닙니다. 이 도구는 사용 중인 브라우저가 이를 지원하는지 확인합니다. AVIF를 인코딩할 수 없으면 해당 옵션을 사용할 수 없으며, 가장 가까운 대안은 WebP입니다. PNG로 다운로드한 다음 libavif의 avifenc 같은 전용 도구로 인코딩할 수도 있습니다.
AVIF가 유리한 경우
AVIF는 같은 화질에서 JPEG나 WebP보다 파일이 작은 경우가 많고 특히 사진에서 효과가 크며, 투명도, 높은 비트 심도, HDR을 지원합니다. 다만 인코딩이 느리고, 일부 오래된 이미지 편집기와 운영 체제에서는 아직 열 수 없습니다. 아이콘처럼 아주 작은 이미지는 컨테이너 오버헤드 때문에 이점이 사라져 PNG나 WebP가 더 작을 수 있습니다. 웹사이트에서는 모든 방문자가 이미지를 볼 수 있도록 대체 이미지와 함께 AVIF를 제공하십시오.
<picture>
<source srcset="photo.avif" type="image/avif">
<img src="photo.jpg" alt="Description">
</picture>자주 묻는 질문
AVIF 다운로드 옵션을 사용할 수 없는 이유는 무엇입니까?
사용 중인 브라우저가 AVIF를 표시할 수는 있지만 캔버스에서 인코딩할 수는 없기 때문입니다. 다른 최신 브라우저를 사용하거나, 대신 WebP를 선택하거나, PNG로 다운로드한 뒤 데스크톱 인코더로 변환하십시오.
AVIF 미리 보기가 표시되지 않는 이유는 무엇입니까?
오래된 브라우저나 운영 체제는 AVIF를 디코딩하지 못할 수 있습니다. 또는 데이터가 HEIC일 수도 있습니다. HEIC는 비슷해 보이지만 다른 브랜드를 사용하며, 감지된 형식을 보면 어느 쪽인지 알 수 있습니다. 어느 경우든 ‘원본’으로 다운로드할 수 있습니다.
AVIF는 항상 WebP보다 작습니까?
대개 그렇지만 항상 그렇지는 않습니다. 결과는 이미지와 인코더 설정에 따라 달라지므로 다운로드한 파일 크기를 비교해 보십시오.