iPad home screen icon size0

Attention iWebpage developers: as you all know, iPhone home screen icons are 57×57 pixels.  However, you may need to update your apple-touch-icon.png files with the release of the iPad.  Now, these files need to be 72×72 pixels.

What is this all about?

When working on an iPhone OS device, in Safari you have the option to bookmark a web page on the home screen.  If the developer doesn’t specify a home screen icon, the icon will be a shrunken version of the webpage.  More often than not, this is not ideal.  As a web developer, you will want to supply one of these files so there is a pretty icon on the user’s device.

To do this, all you have to do is:

1. Create a 72×72 pixel PNG file of your image. No transparency, rounded corners or gloss is necessary.
2. Save it as apple-touch-icon.png and upload it to the root directory of your web site.
3. When someone adds your webpage to their home screen, the device will look for this file.  If they are on an iPhone, it will be resized automagically.

For more advanced options, or if you don’t have access to the root directory for some reason, you can add it using a meta tag:

To force the iDevice to not add a glossy coat to your icon, add this line instead: