iPhone Web App Icons
Posted on Saturday, 29 March 2008 23:02
Just a very quick and simple tip for your site. Why not add an iPhone compatible icon to your site. When a user adds your site to their iPhone / iPod touch home screen, rather that a clip of the page, it will use your specified icon.
Start by creating a 60px x 60px png image that you want to show as your icon, I've opted for a cheesy example :).
Then, in your site, add the following line to the head:
<link rel="apple-touch-icon" href="/images/iphone_icon.png" />
Then, when someone adds your site to their home screen, they see the nice, purpose made icon rather than a flakey corner of the webpage.