The 1.1.3 iPhone (and iPodTouch) firmware give you the ability to add a “webclip” from Safari to your home screen. If you view this site from your iPhone/iPod Touch (with firmware 1.1.3), and bookmark it, you’ll see the icon that I created.
Some tips on creating your own icon:
For maximum “crispness” make your icon 158 x 158 pixels. The home screen will scale it down.
Name your file “apple-touch-icon.png” and put it in the root of your web site. (Ex. http://www.example.com/apple-touch-icon.png)
For maximum compatibility, add this to your (X)HTML header:
<link rel="apple-touch-icon" href="http://cdn.kevinworthington.com/wp-content/uploads/2008/01/apple-touch-icon1.png" type="image/png" />
Apple has official documentation here. Click the second-to-last link that says “Create a WebClip Bookmark Icon.”
Did you enjoy this article? Please subscribe to my feed to receive FREE updates via RSS or Email.