Setting a cool iPad/iPod/iPhone app icon for your web application »
FERDY CHRISTANT - MAY 30, 2011 (07:06:47 PM)
Via Scott Hanselman I learned that you can influence the icon that iOS users will see when they add your web application to their home screen. Just follow the link above to see how. By default, your will get a thumb snapshot of your homepage but using this method you have full influence. This is what it looks like for JungleDragon:
In actuality it looks better. There is a huge color saturation difference between iOS and Windows. Note also that if you have a light icon, you may want to darken it quite a bit, since it will get the shiny bevel treatment of Apple.
Comments: 4
COMMENT: BAS PETERS
MAY 31, 2011 - 06:54:53 PM
I use the following snippet in websites I make to accomodate for the vast majority of mobile devices:
Hope it helps :) «
COMMENT: BAS PETERS
MAY 31, 2011 - 06:56:39 PM
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="/apple-touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-iphone4.png" />
<link rel="icon" href="favicon32.png" sizes="32x32" />
<link rel="icon" href="favicon48.png" sizes="48x48" />
<link rel="icon" href="favicon64.png" sizes="64x64" /> «
COMMENT: FERDY
MAY 31, 2011 - 19:56:32
COMMENT: CREATIVEARTSCONSULT
JAN 31, 2013 - 05:38:44 AM