사용 방법
- .avif 파일을 드롭 영역에 끌어다 놓거나, 클릭해서 선택하거나, 이미지를 붙여넣습니다.
- ‘변환 형식’을 ‘원본 유지’로 둡니다. 보통 AVIF가 가장 작은 형식이며, 이 도구는 이미지를 AVIF로 다시 인코딩할 수 없습니다.
- 받는 쪽에서 AVIF를 처리할 수 없을 때만 PNG, JPEG, WebP로 변환합니다.
- picture 요소의 소스로 쓸 data URI를 복사하거나, 순수 Base64, img 태그, CSS, Markdown 출력 중 필요한 것을 사용합니다.
AVIF란?
AVIF(AV1 Image File Format)는 AV1 비디오 코덱으로 압축한 이미지를 HEIF 컨테이너에 저장하는 형식입니다. 2019년 Alliance for Open Media가 발표했으며 투명도, 애니메이션, 10비트 및 12비트 색상, HDR, 넓은 색 영역을 지원합니다. MIME 유형은 image/avif입니다.
같은 화질이라면 AVIF 파일은 JPEG보다 확연히 작은 경우가 많고 WebP보다도 대개 작으며, 특히 낮은 비트레이트에서 차이가 큽니다. Base64는 어떤 파일이든 똑같이 3분의 1을 늘리므로 AVIF가 작을수록 data URI도 그만큼 짧아집니다.
브라우저 지원과 대체 이미지
AVIF는 Chrome 85 이상, Firefox 93 이상, Safari 16 이상, Edge 121 이상에서 표시됩니다. 오래된 브라우저와 대부분의 이메일 클라이언트는 표시하지 못합니다. 웹에서는 data URI를 대체 이미지와 함께 <picture> 요소로 감싸십시오.
<picture>
<source type="image/avif" srcset="data:image/avif;base64,...">
<img src="logo.png" alt="Logo" width="120" height="40">
</picture>대체 이미지는 별도 파일로 두십시오. 대체 이미지까지 data URI로 넣으면 모든 방문자가 HTML의 일부로 두 버전을 모두 다운로드하게 됩니다.
인코딩 및 변환 옵션
이 도구는 AVIF 파일을 있는 그대로 인코딩합니다. 변환 대상은 PNG, JPEG, WebP이며 AVIF는 포함되지 않습니다. 다른 형식에서 AVIF를 만들려면 avifenc, Squoosh, 이미지 편집기 같은 전용 인코더를 사용한 뒤 그 결과를 여기서 인코딩하십시오.
AVIF를 PNG, JPEG, WebP로 변환하는 기능은 AVIF를 디코딩할 수 있는 브라우저에서 작동하며, AVIF를 받지 않는 시스템에 유용합니다. 다만 결과는 대개 더 커집니다. 폭넓은 지원과 작은 크기가 모두 필요하다면 WebP가 가장 가까운 대안입니다.
자주 묻는 질문
여기서 PNG나 JPEG를 AVIF로 변환할 수 있습니까?
아니요. 변환 대상은 PNG, JPEG, WebP입니다. 먼저 다른 도구로 AVIF 파일을 만든 뒤 여기에 끌어다 놓아 인코딩하십시오.
data:image/avif 이미지를 표시하는 브라우저는 무엇입니까?
Chrome 85 이상, Firefox 93 이상, Safari 16 이상, Edge 121 이상에서 표시됩니다. 오래된 브라우저를 위해서는 picture 요소 안에 PNG 또는 JPEG 대체 이미지를 함께 제공하십시오.
AVIF 이미지의 미리 보기가 나타나지 않는 이유는 무엇입니까?
브라우저가 AVIF를 디코딩하지 못하기 때문일 가능성이 큽니다. Base64 출력은 파일 바이트로 만들어지므로 여전히 올바릅니다. 미리 보기를 보려면 최신 브라우저에서 이 페이지를 여십시오.
AVIF Base64가 WebP Base64보다 짧습니까?
비슷한 화질이라면 대개 그렇습니다. Base64는 두 형식 모두에 똑같이 33%를 더하므로 원본 파일이 작을수록 항상 문자열이 짧아집니다.