Creating an Apple Touch Icon
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!
- August 2010
- July 2010