
iPhone currently uses the mobile safari browser and your visitors will want to add your site to their home screen. It is actually pretty simple to create a custom icon in order to accomplish this. If you do not have an icon saved on your site, the iPhone will simply use a small version of your website as the icon.
Step One: Create the Icon.
Using a graphics software program, create an image that is 158 x 158 pixels. The rounded corners and glossy look will automatically be applied to your icon.
Step Two: Save the Icon.
This will need to be a .png file and named 'apple-touch-icon.png'. Once the file is saved, upload it to the root of our website. You do not have to do anything else. The iPhone will automatically look for this .png file when users add your site to their home screen.