Add an iPhone icon

Just a quick one today. I was working on a mobile site using the really cool JQuery Mobile framework. When I finished, I noticed that the iPhone 'add to desktop' option was using a snap shot of the page for the desktop icon. A quick search and I found you could customize this icon, just by adding one link.

1) First, just create your icon 57x57 and save it as PNG file and called it "apple-touch-icon.png".

2) Then just add the following line to your head. Match the href to your image directory.

view plain print about
1<link rel="apple-touch-icon" href="iphone_icon.png"/>

Jan09

Comments 0