Earlier this week, Apple released a firmware upgrade for the iPhone (and the iPod Touch) that allows you to set any web page as a “Web Clip” (basically, a shortcut icon) on your phone’s start screen.When you do this however, the default image it uses is just a thumbnail of your homepage – which, to be honest, is kind of boring.
Thankfully, Apple has allowed web publishers to create their own custom icons. And it’s easy to do – fire up your image editing program and create a new document that is 57 x 57 pixels. Once you’ve finished your design, save the image as a PNG and title it “apple-touch-icon.png” (no quotes). Then just upload it to the root folder of your web site. Safari will now choose your icon instead.
I decided to do this for FOREM. Here’s what I came up with:
iPhone users, if you want to see it on your phone – hit this site in Safari and the tap the ‘+’ button to add FOREM to your start screen.
Look how much better it looks than some of the other sites I bookmarked…