Philadelphia Freelance Web Designer: MHunt Design

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. Philadelphia Web Design, WordPress and Drupal CMS Development 08-14-11 – 08-18-11
3. Freelance Web Design: Drupal Development, WordPress, SEO, jQuery, CSS: 11-17-10 – 11-21-10

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.