Categories
View

Favicon on the iPhone

By xavier. Original by Ewok - 22/01/2008 22:46:09 CET - Category: Apple
The favicon is a small image, and shows up next to the website-url in the addressbar of your browser:

It is commonly used as a small logo for websites. Since iPhone v1.1.3, it's possible to add WebClips to the SpringBoard. These are shortcuts to a website, and use the website's favicon as icon for the WebClip. Apple has made it possible for webmasters to set a special favicon for the iPhone, and here's how:
First method:
- Create a 57x57 PNG-image
- Call it apple-touch-icon.png
- Put it in the rootfolder of your website
Second method
- Create a 57x57 image, either PNG, GIF or JPG
- Upload it to your server
- In the header of your webpage, (between the and tags), put the following:

We've done this for HardMac:

News
Articles
Blog
All Keywords
From
To
Full View
Daily View
List View
Next
Previous
Printer Friendly
Tip a friend
Share this page