How To Create A WebClip Icon For Your Site

This is a good tip for those of you who design web sites and applications geared toward the iPhone. Dan Dickinson posted instructions for creating the icon for your site that shows up on the springboard when someone creates a web clip for it.

Create a 57×57 PNG.
Name it “apple-touch-icon.png”
Throw it in the root folder of your website. (Not the root of your server ,the root of your web documents.)

You can also place the image in a link tag in the head of your document, like so:

<head> <title>iHelloWorld</title> <link rel="apple-touch-icon" href="/whatever.jpg"/> </head>

You can get more info at the iPhone Dev Center under “Create a WebClip Bookmark Icon”.

[via DaringFireball]

Posted on January 16th, 2008 by admin
Filed under: iPhone Tips