AVIF 형식 호환성

구현을 계획하고 계시다니 기쁩니다.
감사합니다.

사용자들에게 바로 적용하기에는 아직 이르지만, 가까운 미래에 우리 사진가 커뮤니티에게 매우 좋은 일이 될 것 같습니다.
테스트해 본 결과, 동일한 이미지 크기에서 JPEG보다 확실히 더 나은 품질을 제공하는 것 같습니다.

현재 Chrome(85 버전 이후)에서는 기본적으로 지원되며, Firefox에서는 구현되어 있지만 활성화해야 합니다. Opera 등 다른 브라우저들도 구현 중인 것으로 보입니다.
Edge는 Chromium 기반이며, 저는 Edge를 주로 사용하면서 테스트해 보았습니다.

처음에는 작동하지 않았지만, Windows 10용 AV1 코덱을 다운로드하고 Edge를 최신 버전(92 이상)으로 업데이트한 후에는 정상적으로 작동하는 것 같습니다.
“avif” | Can I use… HTML5, CSS3 등 지원 표

일부 테스트 사이트에서는 내 브라우저가 이를 지원하지 않는다고 표시하지만, 다른 곳에서 AVIF와 JPEG 이미지를 비교해 보면 차이가 명확히 보이며, Firefox(about:config에서 avif를 활성화해야 함)와 비교했을 때 동일한 결과를 얻었습니다.

따라서 확실하지는 않지만, Windows가 코덱을 지원한다면 Edge도 지원하는 것 같습니다.
Windows가 가까운 미래의 어떤 업데이트를 통해 해당 코덱을 기본적으로 구현할 것으로 기대합니다.

일부 Android 스마트폰은 이를 지원하지 않는 것으로 보이며, 다른 기기들은 HEIF 이미지를 활성화해야 하는 것 같습니다.

그동안 AVIF를 지원하지 않는 사용자 브라우저를 위해 JPEG를 함께 제공하는 것이 좋겠습니다(가능하다면).