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

Hi-DPI favicons #2

Closed
fabd opened this issue Jan 15, 2017 · 7 comments
Closed

Hi-DPI favicons #2

fabd opened this issue Jan 15, 2017 · 7 comments
Assignees
Labels

Comments

@fabd
Copy link
Owner

fabd commented Jan 15, 2017

Include high DPI favicons

In particular because we want eventually to allow "Add to Home Screen" for a better mobile experience.

@r3ftch
Copy link

r3ftch commented Jan 15, 2017

So, what is the default favicon?

Because sometimes i see the character 中, sometimes this 漢 and eventually a K in a yellow background.

@fabd
Copy link
Owner Author

fabd commented Jan 15, 2017

@WI-KI

I like the [ k ] one it seems closest to the current flat icon trend, and it probably looks nicer at different scales especially smaller.

The 中 icon is obsolete. It's the oldest favicon I think, it is a 16x16 oldschool gif, it was basically me saying "huh, kanji won't fit in 16x16px".

The 漢 icon is used on the webpage logo. It highlights the problem with the design... I can't use a nice "k" there because then it looks like [ k ] koohii but I'm satisfied with it being a kanji in the webpage content, and it being a [ k ] for ALL the favicons. That would be the workable solution to this issue.

2016 koohii logo

Now if someone has ideas for icons fire away!

Resources

@fabd
Copy link
Owner Author

fabd commented Jan 21, 2017

Made a slightly more attractive logo with a gradient.

Used realfavicongenerator.net to generate icons for Android, iOS, OS X and even Windows "Metro".

Also the small favicons are generated at 32x32 now.

apple-touch-icon

Closing issue. Although Safari is driving me nuts by refusing to update with the icon pointed by:

<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png?v=20170121b">

Cleared the cache, changed the query string, changed permissions on the files, deleted the old files that remained on the server (even though they were in a different path anyway). No go.

@fabd fabd closed this as completed Jan 21, 2017
@fabd
Copy link
Owner Author

fabd commented Jan 21, 2017

Would appreciate if someone can confirm the new icon is working when adding to Favourites (not Home Screen) on Safari iOS. Well basically confirm that you don't see the old plain yellow icon.

@fabd
Copy link
Owner Author

fabd commented Jan 21, 2017

Also would appreciate feedback if the icons work on Android !

@Erlemar
Copy link

Erlemar commented Jan 21, 2017

It works on Android!
On Android

@fabd
Copy link
Owner Author

fabd commented Jan 21, 2017

Awesome thanks! There are also icons for "Add to Home Screen" but the app is not ready for that yet.

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

No branches or pull requests

3 participants