How to Add a Web Page Shortcut Icon to Your IPhone Home Screen
The Home Screen on the IPhone is made up of Shortcut Icons to your applications. It is possible to create a shortcut on your desktop to your favourite website so it is easily accessed.
Adding a Shortcut
1. Open Safari and browse to your favourite web site. Click on the + button at the bottom of the browser window.
2. Select the Add to Home Screen button.
3. The IPhone will attempt to fill in the screen that follows for you from the title of the web site. However, you can type in whatever name you want here. Click the Add button at the top right of the screen.
4. The shortcut icon will be added to your home screen.
5. If this is your own web site, you will probably see a small image of your web page rather than a nifty icon. To create a special icon for your website you need to create an 57px x 57px image. Do not worry about making rounded corners as the IPhone will do that automatically for you.
6. Save this image in your root folder as apple-touch-icon.png. This image will now be the default icon for your whole web site. If you are unable to save to your root folder, wish to put your image in another folder or wish to name the image something else you may link to your icon in the head section of the webpage like this:
<link rel=”apple-touch-icon” href=”/path-to-image/apple-touch-icon.png” />
Now when you save the web page to the home screen, your new icon will be displayed.
For further information about IPhone and Safari see Apple’s Safari Web Content Guide for iPhone