1883328 - WebP image is being rendered incorrectly, looking very corrupted

Status: NEW

(Core :: Graphics: ImageLib, defect)

Description

[sigmundur]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:123.0) Gecko/20100101 Firefox/123.0

Steps to reproduce:

Go to this URL in Firefox in MacOS:
https://tjaldur.cdn.fo/savn/1065/tjaldur_logo_kort_world-01-06.png?width=1180&height=602&rmode=crop&autoorient=true&format=webp&s=a_BNCEN2JbW6Oiv5dJv_Wct9H_Q

Actual results:

The image looks very corrupted, clearly being rendered incorrectly.

Chrome, Edge, and Safari are all rendering the image correctly.

Expected results:

The image should have been rendered correctly, like how the other major browsers render the image.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Graphics: ImageLib' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Timothy Nikkel (:tnikkel)]

Attachment: tjaldur_logo_kort_world-01-06.webp

Comment 3

[Timothy Nikkel (:tnikkel)]

Looked into this a little bit. Our webp decoder isn't too complicated. We basically pass the data buffer of the compressed image to libwebp and it spits out an rgb buffer, and that part seemed to look okay in a quick look.

Comment 4

[Mayank Bansal]

FWIW, on Windows both Chrome and Firefox render the image same.

Comment 5

[Timothy Nikkel (:tnikkel)]

Ah, interesting, yes I can reproduce that Chrome on Windows has the same bug (Edge too). So we should probably file a bug on Chrome and/or libwebp.

Comment 6

[sigmundur]

Interesting, wonder why it's not happening on MacOS Chrome.

This might be relevant, the image was converted from PNG to WebP with ImageSharp. Though since Chrome on MacOS is able to render the image correctly, it would seem the issue is not with ImageSharp encoding the image incorrectly.

Comment 7

[Timothy Nikkel (:tnikkel)]

Filed issue on chromium bug tracker https://issues.chromium.org/issues/328100314