Sunday, 07 March 2010 08:18

How to create an iPhone or iPod Touch Icon

  1. Paste the following code between the head tags on your webpage <link href="/apple-touch-icon.png" rel="apple-touch-icon"></link>
  2. Create a 57px x 57px PNG file. (no need to add the shinny FX to it as the devices do this for you)
  3. Upload the file to your root directory (i named mine apple-touch-icon.png)
  4. Then go to your website on your iPhone or iPod Touch
  5. Click on the + icon
  6. Select "Add to Home Screen"
see the images below for my clients screen shots











Leave a comment

We proof all comments before publishing.