On that demo page if I switch between the original, jpeg, webp, and avif tabs, the colors shift visibly. I have an AdobeRGB wide-color-gamut monitor configured in 10-bit mode, use Firefox with color-management enabled, and I have the AdobeRGB profile correctly set in Windows.
It is incredible to me that in 2021 the web makes it impossible to get even vaguely correct colours onto a screen.
I don't know who's to blame here: Web standards bodies, Mozilla, or the specific AVIF decoder.
But I do know that color-blind people are creating the next generation of imaging standards.
Given the original (lossless AVIF) and AVIF tabs match up and the others differ, I wonder if things went wrong with converting to the other formats? I don't have the time to look into the detail here right now, but it could simply be a case of the conversion between the formats losing the the colour space data from the image?
The one group highly unlikely to blame here is web standards bodies, who don't have anything to do with how image formats are rendered (it gets as far as defining the default colour space when none is provided, but that's it). But I'd guess it's likely an image file problem rather than a display problem.
> The one group highly unlikely to blame here is web standards bodies
I'm pretty sure I can blame a web standards body for not standardising colour management for the web!
The colour space of embedded images is no longer the only concern, and is not separate from the colours as defined in CSS, SVG, and Canvas to name a few.
Not to mention that even greyscale images need colour management because Macs, PCs, and Televisions all use different gamma curves.
Of course, their extension supports exactly two colour spaces: sRGB and Display P3, because fuck everyone else who isn't using an iDevice or a Mac, am I right?
If I sound salty, it's because I'm a photographer, and as such it grinds my gears that it is literally impossible to use wide-gamut images on the web for any purpose without degrading quality for a substantial fraction of the viewers. I fully expect this to be resolved satisfactorily some time in the 2030s, perhaps the 2040s. Any decade now...
Might be worth filling a bug with Mozilla. I'm pretty sure the files I used don't carry colour profile info that would cause this difference, but I've been wrong before.
The other image formats are colour-managed, so they look relatively desaturated on my WCG monitor. The AVIF images look "stretched" to the full gamut, making them garishly oversaturated.
Test in other browsers; I know of at least two bugs related to color accuracy in Firefox. They get brought up all the time in support forums like r/Firefox.
It is incredible to me that in 2021 the web makes it impossible to get even vaguely correct colours onto a screen.
I don't know who's to blame here: Web standards bodies, Mozilla, or the specific AVIF decoder.
But I do know that color-blind people are creating the next generation of imaging standards.