If you own an iPhone I’m sure you have noticed that you can bookmark websites and add them to your home screen. These are called Webclip Icons and they are either a snapshot of the website or an actual website icon similar to a favicon that shows up on a desktop browsers address field.
If you want to add an iPhone icon to your site it’s very easy to do
Step 1
Create a 57×57 PNG.
Step 2
Name it “apple-touch-icon.png”
Step 3
Throw it in the root folder of your website.
(Not the root of your server, the root of your web documents.)
That’s it. Note that your icon will receive the glossy treatment as well as those rounded corners, so keep that in mind.
