The new webclips allow users to add ‘one-click’ access to web based applications on their iPhone and iPod Touch.
Web developers can provide an icon specifically for the main screen of the iphone, by adding a file to their server or a link within the head of their document.
The icon sizing is a little tricky to get the hang of. While the Apple website recommends 57×57 for an icon size, I’ve found that a larger image will create a sharper icon.
There is also areas of the image which will get trimmed to make the webclip icon, so add some padding.
Place apple-touch-icon.png in the root of your web server, or add <link rel="apple-touch-icon" href="/path/to/myicon.jpg" /> to the head of your document.
Now when users add a webclip for http://www.unl.edu/ they’ll see the new icon.
