The iPhone allows you to easily save any website URL to your home screen as an icon. With a simply finger click you can launch Safari and see your web page. However, the default icon for this is a screenshot of the webpage. Well, for some of us, this is not quite enough. Wouldn’t it be nice to be able to have your logo on your homescreen? These instructions show you how and are as clear as a bell.
Thank you Guillermo Esteves
—-
According to Apple’s Human Interface Guidelines, you should create an image in PNG format that “measures 57 x 57 pixels, with 90 degree corners (if the image measures other than this size, iPhone 1.1.3 scales it.)”
Save this image in your root document folder as apple-touch-icon.png if you want the iPhone to add the default visual effects (rounded corner, drop shadow and gloss), or as apple-touch-icon-precomposed.png if you don’t want it to add any visual effects. This will enable the icon for the entire website.
If you want to add an icon to a specific page, or use a custom file name, use this code: