Web app icon for iPhone

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!

Incoming search terms:


6 Responses to “Web app icon for iPhone”

  1. Pagerank Checker - http://www.prcheckr.net says:

    Very well written post however, I would recommend that you turn the No Follow off in your comment section.

    Keep up the good work.

  2. Jaspal Singh - http://www.jsxtech.com says:

    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/] =-.

  3. uberVU - social comments - says:

    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…

  4. 8 most read iCan’t Internet articles of 2009 | iCan't Internet - http://www.icantinternet.org/2010/01/8-most-read-icant-internet-articles-of-2009/ says:

    [...] Webapp icon for iPhone : How to add an icon to the iPhone for your webapp [...]

  5. Darwin Web Design - http://www.zhoom.com.au/ says:

    I use very often my Iphone in browsing in the internet especially when I’m away from home. This is a nice information.

  6. שימושון - http://www.atzlan.net/ says:

    i use this often, thanks for sharing.

Leave a Reply

CommentLuv badge