Bug 274420 – An AVIF image is displayed blank in WebKit

• Component: Images
• Status: NEW

Created attachment 471454 [details]
Webkit logo P3 converted to AVIF using Imagemagick

When an AVIF image is opened directly into the browser, the colors are not treated the way they should.
For instance, photos with a P3 ICC profile will be displayed as SDR, but in a webpage, inside an img tag, the colors will be treated correctly.

Sometimes it can get worse. As an example, I attached the webkit logo that was included in a blog post on Webkit.org (https://webkit.org/blog-files/color-gamut/)
This is the HDR version converted with Imagick (installed with Brew, version 7.1.1-32 Q16-HDRI).
It has been converted without any special option (convert xxxx.png xxxx.avif)

If I try to open it by dropping the file into Safari's window, all I get is a blank page (Brave and Firefox display the correct image, same for the Preview app of macOS).
Even in an img tag, Safari can't display this file... except if I drag'n'drop it on the special start page of Safari (to use it as a background image).

[Alexey Proskuryakov]

Thank you for the report. Let's use this bug to track the *second* issue here, as it has a test case. Could you please file a new bug with a test case for the first issue?

I can reproduce that the attached image is blank, both in an ImageDocument and inside an <img>, even though ImageIO matches other browser's behavior.

[Radar WebKit Bug Importer]

<rdar://problem/128552199>

[Said Abou-Hallawa]

The attached AVIF image is displayed fine in WK1.

(In reply to Alexey Proskuryakov from comment #1)
> Thank you for the report. Let's use this bug to track the *second* issue
> here, as it has a test case. Could you please file a new bug with a test
> case for the first issue?

The second bug is there: https://bugs.webkit.org/show_bug.cgi?id=274623