AVIF 형식 호환성

[ariznaf (fernando)]

Discourse에서 AVIF 호환성에 대한 정보를 찾지 못했습니다.

아마도 아시겠지만, AVIF는 오픈소스인 AV1 비디오 압축 기반의 이미지 파일 형식으로, JPEG나 WebP와 같은 대안 대비 동일한 품질에서 더 작은 파일 크기를 제공하거나, 동일한 크기에서 더 높은 품질을 제공합니다.
8비트 또는 10비트, 12비트 디스크리테이션(색상 깊이)을 사용하여 더 나은 색상 표현과 다양한 색상 프로필을 활용할 수 있습니다.
최근 브라우저 버전들은 이를 지원합니다.

Discourse는 AVIF를 지원하지 않는 것으로 보입니다.
아카이브 업로드에 avif 확장자를 추가해 보았지만, 이는 단순히 다운로드 가능한 파일로 취급됩니다.

Discourse에서 AVIF 지원이 가능하면 좋겠습니다.

브라우저가 AVIF를 지원하지 않을 경우 JPEG를 제공하도록 할 수 있다면 더 좋겠습니다.

이 기능이 향후 Discourse 릴리스에 계획되어 있나요?
혹시 제가 놓친 것이 있어서 이미 Discourse에서 작동하고 있는 건가요?

[Falco]

몇 달 전에 AVIF 파일 지원을 위해 필요한 ImageMagick 라이브러리를 추가했지만, 여전히 이미지로 처리되도록 조정해야 할 부분이 남아 있습니다. 해당 작업에 착수하기 전에 최소 2개의 주요 브라우저에서 AVIF가 지원되기를 기다릴 계획이었습니다.

[ariznaf (fernando)]

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

사용자들에게 바로 적용하기에는 아직 이르지만, 가까운 미래에 우리 사진가 커뮤니티에게 매우 좋은 일이 될 것 같습니다.
테스트해 본 결과, 동일한 이미지 크기에서 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를 함께 제공하는 것이 좋겠습니다(가능하다면).

[Falco]

따라서 WEBP의 경우, 현재 널리 지원되고 있기 때문에 이미지를 그대로 취급하고 변환을 수행하지 않도록 지원하도록 했습니다. 반면, HEIF의 경우 어떤 브라우저에서도 전혀 지원하지 않으므로 JPEG로 무조건 변환하도록 했습니다.

Discourse에서는 이미지를 여러 형식으로 유지하고 모두를 srcset에 포함시킨 전례가 없습니다. 구현은 가능하지만, 상당한 작업이 필요합니다.

[davidkingham]

현재 AVIF에 대한 지원이 확대되고 있는 상황에서(예: 이곳 참조), AVIF를 네이티브로 지원할 계획이 있나요?

[Falco]

AVIF가 이제 Discourse에서 지원되며, 정지 이미지와 애니메이션 모두 가능합니다.

[ariznaf (fernando)]

훌륭해요!!!

사진 게시판에서 친구들에게 테스트하고 놀라움을 안겨줄 거예요.
감사합니다