Page MenuHomePhabricator

W Favicon is not HiDPI compatible
Open, LowestPublic

Description

Would be ideal to drop the white rounded rectangle and just have the W on a transparent background

https://realfavicongenerator.net/blog/new-favicon-package-less-is-more/
http://www.emergeinteractive.com/insights/detail/The-Essentials-of-FavIcons-in-2017
https://daringfireball.net/2013/01/retina_favicons
https://www.keycdn.com/blog/make-a-favicon/

Comparison in Firefox on Retina display of several popular websites

Comparison in Chrome on Retina display

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJun 16 2017, 6:58 PM
Zppix added a subscriber: Zppix.Jun 16 2017, 7:01 PM

What is this task referring to exactly? The description and title are very vague. Please look at https://www.mediawiki.org/wiki/Special:MyLanguage/How_to_report_a_bug and update this task accordingly please.

I"m not sure how to make it more clear… the favicon is not HiDPI compatible, meaning it is blurry on high definition screens. Take a look at the 3rd link i included on how to prepare retina favicons.

Zppix added a comment.Jun 16 2017, 7:15 PM

I"m not sure how to make it more clear… the favicon is not HiDPI compatible, meaning it is blurry on high definition screens. Take a look at the 3rd link i included on how to prepare retina favicons.

Favicon on what project/site (all of them, or certain ones)?

tomasz closed this task as Invalid.EditedJun 16 2017, 7:25 PM
tomasz triaged this task as Lowest priority.
tomasz added a subscriber: tomasz.

This task is invalid; the Wikipedia "W" favicon has had three layers (16x16 pixels, 32x32 pixels and 48x48 pixels) for at least two years now.

Jaredzimmerman reopened this task as Open.Jun 16 2017, 8:26 PM

Why does it look so bad then?

tomasz added a comment.EditedJun 16 2017, 8:31 PM

I'm posting this comment from a laptop with a HiDPI screen, and I can see that the favicon displayed within any given Wikipedia tab on Google Chrome looks just fine.

Please consult the MediaWiki page on how to report a bug and provide clear information on where the issue occurrs, together with background information on the particular operating system/browser set-up where you can see this problem--otherwise I'm afraid there is very little than we can do.

Thank you!

jrbs added a subscriber: jrbs.Jun 17 2017, 11:29 PM
Volker_E updated the task description. (Show Details)Jun 20 2017, 9:25 AM

As you can see in the updated task description, there are browser differences to be taken into account for.
I'm not convinced about removing white background, but there are problems we have to tackle:

  • Insufficient HiDPI support – need to provide high-resolution image in icon file as well
  • Probably multiple images in icon file needed for different resolutions, so Firefox which unlike Chrome doesn't do blurred scaling, gets a satisfying result.
  • Removing 48x48px, this seems to have been introduced coming from a Microsoft recommendation, but did only make sense on Windows XP and from scaling perspective 64x64px (or just 32x32px like Google provides) is superior.
tomasz removed a subscriber: tomasz.Oct 30 2017, 4:55 PM

This icon has a large file size, ~1.6 KB, but poor quality: https://en.m.wikipedia.org/static/favicon/wikipedia.ico.