ElectricSun

For the first time, I added a webpage to the ‘home screen’ on my iPhone – the BBC iPlayer site. When I did, i noticed it gave me a nice shiny iPlayer icon. I tried it with this site, and all it gave me was an icon with a tiny preview of the page. Not good enough.

If you’ve got a blog or website, you can make your own by doing the following:

1. Create an image that is 57 x 57 pixels
2. Save as a PNG, and name the file apple-touch-icon.png
3. Upload it to the root level of your site. This is where the index file (and favicon icon, if you have one) is stored
4. Refresh the site you wish to add to your home screen and press the ‘+’ symbol. Then press ‘Add to Home Screen’ (see screenshot)
5. Edit the name of the site. You may want a shorter name that fits nicely on the homescreen. (see screenshot)

The iPhone will round the corners and add a ‘gloss’ to the image you’ve uploaded to create a great looking bookmark to your site. Try it with ElectricSun!