Creating an Apple Touch Icon

Posted on 24th July 2010 in Apple, Web Development with 0 comments.

Something worth remembering when signing off the finishing touches to a website is to create the Apple Touch Icon.  This is the icon that shows on your iPhone, iPod Touch or iPad home screen if you chose that option when bookmarking a website.

Up until now I’ve always created these as a 59x59px PNG (named “apple-touch-icon.png” and placed in the web root), however on the iPhone 4 and to a certain extent the iPad, these always looked fuzzy and low res.

The fix is quite simple - create the same file at 129x129px and Bob’s your uncle!






Are you human?

Remember my personal information
Notify me of follow-up comments