Design Tuts Life Work

Thursday, April 16, 2009

Create an iPhone Icon

As more and more cellphone users join the apple side, you may want to think about creating an iPhone icon for your website. I did b/c I have so many readers who(not only are cool and therefore have an iPhone) have to read and re-read my blog just about every second of every day. To make it easy on them, I've created a icon they can put on their home screen. I'm not sure if your readers are that dedicated, but mine are. Here's how it's done:

1. Create an image 57 x 57 pixels (apple will round the corners and gloss it for you)
2. Save your image to photobucket, picasa, or some other photo hosting website
3. a.) Save it as apple-touch-icon.png and add it in the root of your server, so in my case:
b.) Place a link to your image between the tags <head></head> of your site.

Thanks Ian


  1. Great tip, Dave!

    I don't have an iPhone, but I do have an iPod Touch, so I'll check this out.

  2. Can you send me a copy of the code and the surrounding code so I can use it to actually make it work haha I've tried a few times =\ my email is Thank you very much