May 14 2009

Give Website a Custom Icon for the Iphone

To put a custom icon for a website on the home screen of your iphone or ipod touch you will need a PNG file which is 45×45 pixels.
Call this icon apple-touch-icon.png and store it in the root of the website. Not sure how to add a custom icon to other peoples websites yet.

Of course, to create the link, you will want to go the page in safari and select the ‘+’ button and then select the “add to home screen” option.

Check the icon at this iphone web application example.

If you want to add an icon image that is located somewhere else then use this

<link rel=”apple-touch-icon” href=”/images/iphone-icon.png” />

Share