Member Sign In
Not a member?

A Wired.com user account lets you create, edit and comment on Webmonkey articles. You will also be able to contribute to the Wired How-To Wiki and comment on news stories at Wired.com.


It's fast and free.

Webmonkey is a property of Wired Digital.
processing...
Join Webmonkey

Please send me occasional e-mail updates about new features and special offers from Wired/Webmonkey.
Yes No

Please send occasional e-mail offers from Wired/Webmonkey affiliated web sites and publications, and carefully selected companies.
Yes No

I understand and agree that registration on or use of this site constitutes agreement to Webmonkey's User Agreement and Privacy Policy.
Webmonkey is a property of Wired Digital.
processing...

Retrieve Sign In

Please enter your e-mail address or username below. Your username and password will be sent to the e-mail address you provided us.

or
Webmonkey is a property of Wired Digital.
processing...

Welcome to Webmonkey

A private profile page has been created for you.
As a member of Webmonkey, you can now:
  • edit articles
  • add to the code library
  • design and write a tutorial
  • comment on any Webmonkey article
Close
Webmonkey is a property of Wired Digital.

Sign In Information Sent

An e-mail has been sent to the e-mail address registered in this account.
If you cannot find it in your in-box, please check your bulk or junk folders.
Sign In
Webmonkey is a property of Wired Digital.

Easily Add Favicons to Your Site

FaviconsChances are your blog has a ‘linked list’ to your favorite sites, or perhaps some links to your accounts on the online services you use — like Flickr, Delicious, Twitter, etc. You may have noticed that some bloggers add nice little icons next to such links to display the favicon of each site. It adds a little pizzaz to an otherwise dull list.

Unfortunately if you link to a .ico file from an img tag, Internet Explorer will choke and display nothing. However, it turns out that there’s an undocumented Google API that will automatically convert any domain’s .ico favicon to regular .png file, which IE can handle.

Since it’s undocumented, figuring out how use it is up to you. Luckily it’s not too hard, just add an image tag using this format:

http://www.google.com/s2/favicons?domain=flickr.com

Here’s a live example:

Webmonkey favicon

Hardly an earth-shattering discovery in a week where Google released a potentially web-altering browser, but handy nevertheless. The only real drawback is that it doesn’t seem to work if the domain in question stores its favicon somewhere other than the standard /favicon.ico location.

[via Simon Willison]

Post Comment Comments Permalink Print
Reddit Digg

 
Subscribe now

Special Offer For Webmonkey Users

WIRED magazine:
The first word on how technology is changing our world.

Subscribe for just $10 a year