How to create iphone icon for your website?
Well, it’s simple and almost free of cost if you could design an 57×57 px size icon yourself. Without wasting anymore time lets jump to see the process;
Create a 57×57 pixel PNG format image for your website. Name the file apple-touch-icon.png
Drop this apple-touch-icon.png file in the root directory of your website, see if you can view the uploaded image by visiting http://www.yourdomain.com/apple-touch-icon.png (replace yourdomain with your site name)
if you cannot upload the image to the root directory, you can upload to a sub-folder and put a rel tag in the homepage of your site. for example: upload the png file to images folder and put this tag <link rel=”apple-touch-icon” href=”/images/apple-touch-icon.png”/> (make sure you put this tag in between <head> </head> tag of your homepage source code)
Open your website in iphone’s safari browser
then click on “+” sign
this will give you set of options from which you select “Add to Home Screen”
Now you will be prompted to enter a name for the icon, you can enter a new name or leave it to the default name you see on the screen and hit “Save” button on top right of the screen.
That’s it, you will see your designed 57×57 pixled image on the iphone screen along with other iphone app icons that you have downloaded.
(Note: I have hidden other iphone app icons so that you won’t get distracted from the main subject
)




