1619100 - Firefox should not renders favicon in pixelated fashion

Status: RESOLVED DUPLICATE of bug 1262982

(Core :: Graphics, defect)

Description

[Timo Tijhof]

Attachment: favicon-quality-comparison.png

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

Steps to reproduce:

1. View https://en.wikipedia.org/ in a new Firefox tab.

Actual results:

The icon appears quite pixelated.

Expected results:

The source file has a 48x48px image. This should suffice for a high quality rendering at 16x16px. This is working as expected in Chromium, but not so in Firefox.

Comment 1

[Timo Tijhof]

Might be related to one of these:

• https://bugzilla.mozilla.org/show_bug.cgi?id=813810
• https://bugzilla.mozilla.org/show_bug.cgi?id=1081224
• https://bugzilla.mozilla.org/show_bug.cgi?id=1426914

Comment 2

[abdalla]

[Tracking Requested - why for this release]:

Comment 3

[Daniel Bodea [:danibodea]]

I have attempted to reproduce and I can confirm it, but only on MacOS. I had to install/enable dark themes for both browsers and modify the OS resolution scale to compare and it appears that this only occurs on MacOS. If it also occurs on Windows and Ubuntu, it is just unnoticeable; it is barely noticeable on macOS.

Of the 3 issues mentioned above, the second one might be a duplicate.

Comment 4

[Jonathan Kew [:jfkthame]]

Seems more of a Graphics issue - do we know why the favicon image appears to scale so poorly here?

Comment 5

[Timothy Nikkel (:tnikkel)]

I think this is because favicons use -moz-crisp-edges the reason for that from bug 1262982, comment 3:

(In reply to Timothy Nikkel (:tnikkel) from comment #3)

...it was added so that
favicons that are only 16x16 when displayed on a retina (or similar) screen
and scaled up to 32x32 will not look good using a smoothing type resizing
algorithm. For sites with favicons bigger than 16x16 this doesn't seem to
work out well.

Comment 6

[Aria Beingessner [:Gankra]]

Seems like this is a dupe of that one.