administration mode
Pssst...Ferdy is the creator of JungleDragon, an awesome wildlife community. Visit JungleDragon

 

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.

Share |

Comments: 4

COMMENT: BAS PETERS

MAY 31, 2011 - 06:54:53 PM

comment » Actually, different iDevices have different capabilities. In order to cater for iPad, iPhone and the iPhone4 (higher resolution), it is recommended to provide multiple icons. And then there is Android, Blackberry and Windows Phone 7.

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

comment » Okay, seems like this blog automatically strips all HTML. Let me try again:

<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 » Thanks Bas, did not know there was a whole lot more to this! «

COMMENT: CREATIVEARTSCONSULT emailhomepage

JAN 31, 2013 - 05:38:44 AM

comment » i like to move it «

RATE THIS CONTENT (OPTIONAL)
Was this document useful to you?
 
rating Awesome
rating Good
rating Average
rating Poor
rating Useless
CREATE A NEW COMMENT
required field
required field HTML is not allowed. Hyperlinks will automatically be converted.