Add .avif (AV1 Image File Format) support

[EwoutH]

The AV1 Image File Format (AVIF) is a new image format based on the AV1 video codec. It would be great if support for this format could be added.

The AVIF spec can be found here: https://aomediacodec.github.io/av1-avif/

Netflix published a bunch of test images: http://download.opencontent.netflix.com/?prefix=AV1/Chimera/AVIF/

[EwoutH]

Mozilla is planning to support it in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1443863

[EwoutH]

Microsoft is also going to support AVIF in Windows 10 (and so probably Edge).

[o-l-a-v]

Avif 1.0 is released, so it's definitly a thing now.

• https://aomediacodec.github.io/av1-avif/
• https://www.phoronix.com/scan.php?page=news_item&px=AV1-Image-Format-v1.0

[Schweinepriester]

+1

Polyfill: https://github.com/Kagami/avif.js (via https://twitter.com/smashingmag/status/1108116434197069825)

[EwoutH]

libavif tagged a new release, 0.1.3. See Colorist for an example implementation.

Both Chromium and Firefox now have issues open tracking the AVIF implementation:

• https://bugs.chromium.org/p/chromium/issues/detail?id=960620
• https://bugzilla.mozilla.org/show_bug.cgi?id=1443863

[jensimmons]

+1

[Mithgol]

+1

[est31]

+1

[cesarchefinho]

+1

[PrOOnOOb]

+1

[EwoutH]

There's active work on supporting AVIF in Chromium!

• 1707404: Add support for decoding the AV1 image format (AVIF).
• 2101317: A copy of Dale Curtis's AVIF prototype.

[Fyrd]

Now available at https://caniuse.com/#feat=avif
Thanks for the info, folks!

[ve3]

It seems that not all type of AVIF images are supported and be able to display on all major browsers (tested on Firefox, Edge, Chrome).

Here is a link for sample images. Here is an issue about render image on browser.

Maybe change from support to be partial support?