Share this page 

Add an icon to the home screen (Ip*d/IPhone)Tag(s): Mobile


If a user want to add an icon for a web app then he taps the "+" button at the bottom of the Safari window and select "Add to the Home Screen".

By default, the iPhone/Ipod/Ipad will create this icon by thumbnailing the current page (including position and zoom) and applying rounded corners and a glossy effect.

To use your own icon, simply place in the root of the web site a PNG file (dimension 57x57) called apple-touch-icon.png. You don't need to add gloss or rounded corners because the iPhone/IPod/IPad will add these automatically. If you don't want the gloss effect then change the PNG file name to apple-touch-icon-precomposed.png.

It's possible to specify your own filename in a web page with these instructions :

<link rel="apple-touch-icon" href="myWebSiteIcon.png" />
or
<link rel="apple-touch-icon-precomposed" href="myWebSiteCustomIcon.png" />