PNG images look blurry instead of pixel-perfect
Categories
(Core :: Graphics: ImageLib, enhancement)
Tracking
()
People
(Reporter: calsavara.nicolas, Unassigned)
Details
Attachments
(1 file)
|
47.40 KB,
image/png
|
Details |
Difference between actual results and expected ones.
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:87.0) Gecko/20100101 Firefox/87.0
Steps to reproduce:
Open any PNG image. Zoom into it until pixels are quite large.
E.g. https://i.imgur.com/92NW9uO.png
Actual results:
Image looks blurry.
Expected results:
Image should look crisp, with well-defined pixels.
|
||
Comment 1•4 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::ImageLib' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.
|
||
Comment 2•4 years ago
|
||
You probably want something like style="image-rendering: crisp-edges;" on the image.
|
Reporter | |
Comment 3•4 years ago
|
||
(In reply to Timothy Nikkel (:tnikkel) from comment #2)
You probably want something like style="image-rendering: crisp-edges;" on the image.
So it's a CSS thing, not a browser thing? I didn't expect that, thanks for the help. By looking up "crisp edges", I found this https://support.mozilla.org/en-US/questions/1327906, which solved the problem for me. I still think having an override switch in the browser would be a valid addition, as I'm probably not the only one to prefer crispy, pixelated looks to smoothed-out ones.
|
||
Comment 4•4 years ago
|
||
Closing since it's not a correctness bug. It's unlikely we'll have resources to dedicate to adding a feature like this one.
Description
•