apple-touch-icon

apple touch icon svg support

by

Unfortunately iOS doesn’t support SVG icons at the moment. And it will probably not have support soon. Also android doesn’t support it. Update: It looks like Safari is starting to support SVG favicons See: http://caniuse.com/#feat=link-icon-svg To add a svg icon for pinned tabs within Safari you need to add: <link rel=”mask-icon” href=”https://stackoverflow.com/questions/15710047/website_icon.svg” color=”red”>

What are the correct pixel dimensions for an apple-touch-icon?

by

It seems that Apple guidelines as of August 3, 2010 now include the “High resolution” images (for iPhone 4) in their “required” icon sizes. Looks like we need to provide both a 57×57 and a 114×114 image now, as well as a 640×960 title image. See Custom Icon and Image Creation Guidelines (Javascript required) which … Read more

Apple Touch icon for websites

by

Minimalist solution – Recommended A common practice is to create a single 180×180 icon, which is the highest expected resolution, and let the iOS devices scale it down as needed. It is declared with: <link rel=”apple-touch-icon” href=”https://stackoverflow.com/path/to/apple-touch-icon.png”> Exhaustive solution – Not recommended Apple specs specify new sizes for iOS7: 60×60 76×76 120×120 152×152 And also … Read more