How to create an iPhone WebClip Bookmark Icon

A clever developer has posted instructions on how to create an iPhone WebClip icons for your own website: (via MacRumors)

The lowdown:

- Create a 57x57 PNG
- Name it “apple-touch-icon.png”
- Upload to the root level of your website

You can override Safari’s WebClip search behavior just like with favicons:

<link rel="apple-touch-icon" href="myicon.png"/>

As usual, detailed instructions for iPhone web development are posted in Apple’s iPhone Dev Center.