JPEG XL vs AVIF, 웹 이미지 형식 비교 분석

핵심 요약

• 모든 주요 브라우저에 JPEG XL이 지원되자 실제 웹 사용 사례에서 AVIF와 JPEG XL의 성능을 벤치마크로 비교했다.
• 손실 있는 사진의 경우 AVIF가 거의 항상 JPEG XL보다 작은 파일을 생성하는데, 기본 설정에서 JPEG XL은 AVIF보다 15~25% 크고 최대 노력 설정에서는 6~20% 크다.
• 스크린샷과 일러스트레이션에서는 AVIF가 JPEG XL보다 훨씬 우수하며, 기본 설정에서 30~90% 더 작은 파일을 생성한다.
• 투명도가 있는 이미지에서 AVIF가 훨씬 낫다; libjxl은 기본 설정에서 31~44% 더 크고, jixel은 투명도를 무손실로 인코딩해 AVIF의 2~3배 크기가 된다.
• AVIF는 일반적으로 인코딩이 더 빠르고 메모리를 적게 쓰며, JPEG XL은 디코딩 속도가 AVIF보다 2~3배 느리다.
• HDR 이미지의 경우 JPEG XL은 게인맵을 지원하지 않아 AVIF에 비해 제한적이다; AVIF는 게인맵을 지원하고 브라우저도 이를 처리한다.
• JPEG XL은 기존 JPEG을 손실 없이 9~20% 압축할 수 있다.
• 무손실 이미지의 경우 JPEG XL이 명확한 승자다; 무손실 AVIF는 사진에서 30~120% 더 크다.
• 웹용 이미지로는 최대 노력 수준의 AVIF 4:4:4를 기본으로 사용하고, 파일이 크면 jixel을 통한 JPEG XL을 고려하는 것을 권장한다.
• 진행형 렌더링은 AVIF와 JPEG XL 모두 지원하는데, JPEG XL의 진행형 DC는 저해상도부터 고해상도까지 순차적으로 표시하고, AVIF는 최대 4개의 프레임으로 미리보기를 제어할 수 있다.
• 품질 설정은 모든 인코더에서 신뢰할 만하며, AVIF의 4:2:0 모드는 파일 크기를 거의 줄이지 않아 기본 설정으로 추천하지 않는다.
• 애니메이션 형식은 비디오 형식이 더 효율적이므로 웹에 사용하지 말아야 한다.