Adding a Web app icon for iPhone visitors on your website
By default, when you add a bookmark to a page to your homescreen (by tapping bookmark->add to homescreen), your iPhone will create a button for the webapp by itself.
This is miniature version of the page you were on when you created the bookmark.
There is a way however, to make the iPhone show the icon on the homescreen that YOU, being the webdeveloper, want:
- Use an imaging program (such as The Gimp)to create an image of 57×57 pixels.
- Save the image as icon.png, and upload this image to the root folder of your website.
- Add the code below to the Head section of your webpage:
<link rel=”apple-touch-icon” href=”http://www.icantinternet.org/icon.png”>
And that’s how easy you can create a web app icon for iPhone visitors!
Pinterest – What the Buzz is All About
It Is Now Possible To Enjoy iphone Apps On An ipad With Belfry
iPhone vs. Android – “iDominating” the Market
Very well written post however, I would recommend that you turn the No Follow off in your comment section.
Keep up the good work.
Thanks for sharing the iPhone stuff.
.-= Jaspal Singh´s last blog ..Open Source Learning Management System LMS Tools For Online Education [http://www.jsxtech.com/2009/06/21/open-source-learning-management-system-lms-tools-online-education/] =-.
Social comments and analytics for this post…
This post was mentioned on Twitter by icantinternet: Web app icon for the iPhone http://bit.ly/4CXr3R…
[...] Webapp icon for iPhone : How to add an icon to the iPhone for your webapp [...]
I use very often my Iphone in browsing in the internet especially when I’m away from home. This is a nice information.
i use this often, thanks for sharing.