SVG-as-an-image with PNG content has poor scaling behavior (not as crisp as just-the-PNG, or as SVG in 'embed')
Categories
(Core :: Graphics: ImageLib, defect)
Tracking
()
People
(Reporter: dholbert, Unassigned)
Details
Attachments
(3 files)
(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:
- View the attached testcase (ideally with a zoom tool like
kmag
on Linux). - 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.
Reporter | ||
Updated•4 years ago
|
Reporter | ||
Comment 1•4 years ago
|
||
Reporter | ||
Comment 2•4 years ago
|
||
Comment 3•4 years ago
|
||
dupe of bug 1550710 perhaps?
Reporter | ||
Comment 4•4 years ago
|
||
Looks likely. Thanks!
Reporter | ||
Updated•4 years ago
|
Description
•