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.

Sign up for GitHub

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

Jump to bottom

Unsure what size the apple-touch-icon should be #450

Closed
sethladd opened this issue Sep 24, 2014 · 6 comments
Closed

Unsure what size the apple-touch-icon should be #450

sethladd opened this issue Sep 24, 2014 · 6 comments

Comments

@sethladd
Copy link

In the <head>, I see:

<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">

It would be helpful if the filename also included the size, like we do for ms-touch-icon and chrome-touch-icon.

Thanks!
@sethladd
Copy link
Author

While we are at it, why do the filenames have the word "precomposed" ? What does that mean? Do I need to keep that in the file name? Or can I just use foo.png?

EDIT: this helps. http://stackoverflow.com/questions/20716490/apple-touch-icon-precomposed-is-not-a-real-value-for-the-rel-attribute Since I don't care about iOS < 7 I can ignore the -precomposed.

@sethladd
Copy link
Author

If we have docs on the best considerations when building these images, maybe we can link to those docs from the HTML comments in the <head>?

Use case: I'm staring at all of these various configs and I'm really afraid I'm going to mess it up. So linking me to the docs helps calm my fears.

@sethladd
Copy link
Author

And, just for the docs: why is the apple icon in / when the other touch icons are in /images/touch ? Should I not move the apple touch icon?

@addyosmani
Copy link
Contributor

Lots of questions :) I'll try to answer them:

  • The touch icon locations (and naming schemes) are based on what we've verified to be the optimal configuration for where each OS/platform searches for and correctly detects icons that will be rendered on the homescreen. Ideally these would all be in a single location, but the reality is that thanks to quirks in each implementation consistently here isn't as further along as we would like. That said, we're looking at simplifying the setup in Suggestion: Better console output #441 (still verifying this new info works on devices) - hopefully landing soon!
  • We don't currently have a best practices doc around favicons. This is however being written by @pbakaus at the moment. Check out his research from simplified icons, added full support for all add to home screen platforms #442
  • We're looking at automating favicon generation as part of the same thread. This will ultimately simplify the overhead of thinking about icon sizes for the developer.

@sethladd
Copy link
Author

Awesome, love that I'll be able to say: "here's my high res image, make all the touch and favicons you need" :)

@addyosmani
Copy link
Contributor

Yep. We'll support that soon :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@sethladd @addyosmani