Blog

Last Article:
Next Article:
FreshBooks

How to create a custom Apple iPad/iPhone Home screen icon for your Website

When you bookmark a site on the iPad or iPhone, you can add a shortcut icon to that website on your screen. Normally, the icon will be a small snapshot of your webpage. It’s easy to create a custom icon that will show instead.

Create a square icon at least 64px X 64px and save out as ‘apple-touch-icon.png’ place this in your website’s root directory.

OR you can use a tag in the like so:

<link rel="apple-touch-icon" href="http://example.com/images/apple-touch-icon.png" />

Related posts:

  1. How to create a CSS3 border fadeout
  2. How to update all wordpress plugins at once

This entry was posted on Friday, August 20th, 2010 at 11:44 am and is filed under Apple. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

3 Responses to “How to create a custom Apple iPad/iPhone Home screen icon for your Website”

  1. Brett Says:
    June 23rd, 2011 at 9:41 am

    Thank you for sharing this. It seems like no one had this posted anywhere.

  2. Samsung Captivate Accessories Says:
    October 28th, 2011 at 7:37 pm

    Samsung Captivate Accessories…

    [...]How to create a custom Apple iPad/iPhone Home screen icon for your Website | MHunt Design[...]…

  3. web designer florida Says:
    November 13th, 2011 at 1:03 pm

    web designer florida…

    [...]How to create a custom Apple iPad/iPhone Home screen icon for your Website | MHunt Design[...]…

Comment on this article: