Blue Forest Blog » Blog Archive » Apple WebClib Bookmark Icons

Apple WebClib Bookmark Icons

Software update 1.1.3 for the Apple iPhone introduced the “WebClip icon”, which gives you a convenient shortcut button from your iPhone to a web site. There are now over 4 million iPhones in the hands of users… probably not all 4 million of those people want to go to your web site, but if they do then surely you want to reward then with a pretty bit of WebClip swag, don’t you?

WebClip icons work similarly to the favicon.ico file, but in this case you store the icon as a PNG file in /apple-touch-icon.png

You can specify a different location in the <head></head> element with a line of HTML similar to this:

<link rel="apple-touch-icon" href="/your-icon-pathname.png" />

of course, replacing /your-icon-pathname.png with the appropriate pathname to the icon.

WeClip icons should be 57 pixels by 57 pixels and will be scaled and cropped if necessary.

Apple’s giving an awful lot of pixel-specific size information for iPhone apps. One wonders how well that will play when these things spread to other platforms and we want bigger/higher resolution icons, or when iPhones get denser screens… I suppose that it will all just be someone else’s problem then.

[No, I haven't made one for the BFR blog or my other sites yet...]

iPhone Dev Center - Apple Developer Connection
[tags]webclip, icon, apple, iphone[/tags]

| Print This Post