FOREM Quick Tip - Add an iPhone Icon to your Web Site

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…

If you enjoyed this post, make sure you subscribe to my RSS feed!