Create your own iPhone Webclip Icons.

Tutorials February 11, 2008

Now you can spice up your presence with cool icons:

I remember, years ago, I was baffled by the little 16×16 icons that were showing up in my URL toolbar, and it took a surprising amount of searching to find out how to create one. I refuse to let this happen again.

So: if you want to make a custom icon for your website that will show up in the Springboard when a user makes a “webclip”, using their iPhone or iPod Touch, the dirt simple way is:

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

Boom. If you add a webclip for vjarmy.com, you’ll see my smiling mug.

— (Via Dan Dickinson: The Primary Vivid Weblog » HOWTO: iPhone Webclip Icons).