Page 1 of 1
FavIcons for your website - the ones in the browser URL line
Posted: Fri Feb 18, 2005 10:27 am
by roymond
I finally got around to implementing the little icon in that appears in browser URL lines for <a href="
http://roymond.com" target="new">my website</a>. For anyone who hasn't done this, it's a very powerful branding tool, and generally just pretty cool.
All you do is create a 16x16 pixel image and go to this site: <a href="
http://www.html-kit.com/e/favicon.cgi">FavIcon</a>. It will create the icon file and give you the HTML to add to your page's header. Very quick and easy.
Posted: Fri Feb 18, 2005 11:31 am
by thehipcola
Roymond, that is awesome! Seriously cool.
[removed unrelated babble talk]
Posted: Fri Feb 18, 2005 12:04 pm
by HeuristicsInc
I've made one for my site, and I think it shows up for other people but I never see it myself.
Which reminds me, since I redesigned I should redo the icon too.
-bill
Posted: Sat Feb 19, 2005 9:14 am
by king_arthur
It appears that you can just create a .bmp file and rename it .ico and it will function the same way. Works fine in netscape / mozilla.
These things apparently don't work in MSIE unless the user saves the page in their "favorites" list, and even then, may not work or may stop working without some serious gyrations. My MSIE doesn't even show the little red "Y" for the Yahoo site, and I'm sure if there was a way to force it to show, they'd have figured it out...
Haven't tried Safari yet... and it may be that a real .ico file contains some extra information that a .bmp doesn't, but a renamed .bmp image does show up in the address line...
Bill, your icon does show up in my netscape browser address line...
Charles
Posted: Sun Feb 20, 2005 6:26 pm
by fluffy
The .ico format is similar to but not the same as the .bmp format; it supports multiple resolutions in a single file.
Note that you only need to do the <link rel> thing to override the icon on a per-page basis or if you don't have control over the domain as a whole. If you put the file in, say,
http://mydomain.com/favicon.ico then most browsers will pick it up by default.
Also, the code that favicon generator isn't quite complete. The full line you need is:
Code: Select all
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">