iPhone icons

If you own an iPhone you might have noticed that if you add a website to the home screen, some appear with neat icons and some just display a representation of the page you were on.

It’s actually rather simple to get a neat icon for your website to appear on the iPhone, and it looks great for potential customers too!

All you need to do is create an image in your favourite image editing programme, say Photoshop, Gimp, Image editor or whatever you happen to use.

You create it to the following dimensions:

width: 45px

height: 45px

Then you save it as a Portable Network Graphic (PNG) with the following name:

apple-touch-icon.png

Once you’ve done that, upload the file with FTP or any other file transfer programme to the root folder of your website. This will be called something like html or your website name.

And that’s it! When someone chooses to add your website to the home screen (in the Safari browser, click the + and select Add to Home Screen), there will be your neat icon waiting there for them! You don’t have to do anything but create your icon, the iPhone makes the corners curved and gives it the 3d effect!