#Mac touch screen notes full
#Mac touch screen notes for android

The Icon and Image Sizes section in the iOS HIG states that you should create the following icons: As of iOS 7, no special effects are applied to touch icons anymore, so if you only care about iOS 7 and up you don’t have to use precomposed anymore.

#Mac touch screen notes full

It gives you full control over your icon, and it’s the only kind of icon Android 2.1 supports. I’d recommend to always use precomposed icons. iOS 4.2 seems to ignore the entire declaration if you’re using the space-separated value technique.

In practice, however, it doesn’t work that way. Since the rel attribute accepts a space-separated list of values in HTML, theoretically it should be possible to fall back to the regular icon with added effects for iOS 1 without requiring an extra element: Specifically, iOS adds:Īs of iOS 2.0, you can prevent the addition of these effects by using the precomposed keyword: IOS automatically adds some visual effects to your icon so that it coordinates with the built-in icons on the Home screen (as it does with application icons). Android has a default icon, and some systems fall back to the favicon if it’s available. What’s weird is that Android 2.1+ also has apple-touch-icon support (with a few quirks).įor web pages that don’t specify a custom touch icon, a thumbnail screenshot of the page is used instead. For the time being it is still downloaded when the appropriate HTML is present, though.Īpple iOS has supported touch icons since iOS 1.1.3. Update: As of Chrome 30+, this is no longer true: apple-touch-icon-* is no longer fetched automatically, since the 404 pages that are usually returned were consuming 3-4% of all mobile bandwidth usage.

#Mac touch screen notes for android

If no such HTML is found, Chrome for Android falls back to the Apple touch icons instead. Chrome v31+ for Android does support this syntax, though! Use it as follows: It’s a shame Apple didn’t just implement the standard and chose to come up with a more verbose proprietary link relation instead. Adding them to your web page is easy, and I’m sure you already know how this works using HTML: “Touch icons” are the favicons of mobile devices and tablets.