1922885 - Big SVG image is rendered as pixelated image when <img> tag is used

Status: NEW

(Core :: Graphics: WebRender, defect)

Description

[katsuhisa yuasa]

Attachment: firefox_svg.7z

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:131.0) Gecko/20100101 Firefox/131.0

Steps to reproduce:

• Open attached files with Firefox

Actual results:

• An SVG image looks pixelated and blurry only on img_svg.html

Expected results:

• Sharp and crispy SVG image needs to be rendered.

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

[Mayank Bansal]

I can repro.

Bisection: https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=8d6972b0b89b1303dbcfb566e16b1144303af83e&tochange=6567bdeb3c1e97a75f12fd72d92a6fb4a2cfcc91

Which contains bug 1681921, which is just when my machine would get webrender on nightly.

Comment 3

[Erich Gubler [:ErichDonGubler]]

I can reproduce this on my MacOS workstation. Contrary to what the bug mentioned in comment 2 may imply, this does not seem specific to Windows.

Comment 4

[Erich Gubler [:ErichDonGubler]]

Attachment: inline-sharp-as-expected.png

Comment 5

[Erich Gubler [:ErichDonGubler]]

Attachment: img-tag-blurry.png

Comment 6

[Erich Gubler [:ErichDonGubler]]

Added some images to demonstrate the defect I am observing. A hint for somebody trying to repro by themself: This SVG's contents are not immediately visible when served, because there's a lot of negative space in the SVG. One needs to scroll towards the center of the content horizontally and vertically.

Comment 7

[Erich Gubler [:ErichDonGubler]]

Tentatively triaging as S3, with escalation to triage for confirmation of priority.

Comment 8

[Mayank Bansal]

Sounds similar to bug 1712702.

Comment 9

[Glenn Watson [:gw]]

Probably blob related, any ideas Nical or Tim?

Comment 10

[Nicolas Silva [:nical]]

I'm not familiar with the code that decides the resolution to render blobs at. It's somewhere in the displaylist building code.