1645886 - SVG-as-an-image with PNG content has poor scaling behavior (not as crisp as just-the-PNG, or as SVG in 'embed')

Status: RESOLVED DUPLICATE of bug 1550710

(Core :: Graphics: ImageLib, defect)

Description

[Daniel Holbert [:dholbert]]

Attachment: (PNG image for use in testcase)

(Spinning this off from https://github.com/webcompat/web-bugs/issues/53671 )

If you nest a large PNG image in a SVG, and view the resulting SVG file as a small <img> element, then the resulting downscaled rendering is pixelated / less-smoothly-antialiased, as compared to the same setup with an <embed> and the same setup with a direct usage of the PNG.

This seems like a bug in our SVG-as-an-image rendering behavior.

Formal STR:

1. View the attached testcase (ideally with a zoom tool like kmag on Linux).
2. Compare the images' crispness.

ACTUAL RESULTS:
The first image and fourth image (the first in each set of three) look less crisp in Firefox. If you use kmag or another similar zooming tool, you can see that the curved edges are barely antialiased at all, whereas the other images have smoother/more-gradual antialiasing on their curved edges.

EXPECTED RESULTS:
Consistent crispness (consistent antialiasing behavior) between these cases.

Comment 1

[Daniel Holbert [:dholbert]]

Attachment: (SVG image for use in testcase)

Comment 2

[Daniel Holbert [:dholbert]]

Attachment: testcase 1

Comment 3

[Timothy Nikkel (:tnikkel)]

dupe of bug 1550710 perhaps?

Comment 4

[Daniel Holbert [:dholbert]]

Looks likely. Thanks!