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”

By Nothing But Web

Get in touch!