Creating an Ipad/Iphone Weblink Icon

 

ipad iphone icon

I'll Make this as simple as possible.

create a 144X144 pixel image in photoshop
keep it simple! you don't need to add gloss and shine, the iphone and ipad will do it
here is more on the specs from apple

Save it as a png-24 in to a folder on your root site.
I put mine in my image folder- you can call it anything- I'll call it apple-icon.png

Put this piece of code in your header tag-

<link rel="apple-touch-icon" href="somepath/image.png" />
Mind would look like <link rel="apple-touch-icon" href="images/apple-icon.png" />

Done!

when you go to add to home screen on your device it will add the image w/ gloss, rounded corners and shine.

Tip: It also adds on the ipad 13 letters from the title of your page- so make your page title reflect what you want it to say.