Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Favicon looks fuzzy in screens that have a higher pixel density #88

Open
moodmosaic opened this issue Feb 17, 2015 · 2 comments
Open

Favicon looks fuzzy in screens that have a higher pixel density #88

moodmosaic opened this issue Feb 17, 2015 · 2 comments

Comments

@moodmosaic
Copy link

Here's a possible way to solve this:

"Old (non-retina) favicons are 16 × 16 px; a retina favicon is thus 32 × 32 px. The lazy way to support retina is to replace your old 16 px favicon.ico file with a 32 px file, and allow non-retina browsers to scale the image. The proper solution, however, is to create a single favicon.ico file containing two icon resources: one 16 × 16, the other 32 × 32. ICO files support other resolutions as well, but I see no practical utility in doing so."

http://daringfireball.net/2013/01/retina_favicons

@chrisdone
Copy link
Member

Yeah, someone pointed it out on hacker news. I have a retina screen but chrome doesn't pay attention to my magnification settings so it leaves the icons as 16x16, so I didn't notice this. Thanks for the ticket.

@moodmosaic
Copy link
Author

Just in case it helps, I've noticed that http://ghcformacosx.github.io/ uses a favicon which shows nice on retina screens.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants