[escher]

I've been enjoying more and more sites that display a "favicon", i.e. a customized icon in the menubar of the browser. (See NYTimes.com for a good example.) IE for Windows and Chimera support favicons and other browsers may support them, or do so in the future. So I've decided to add a favicon to my pages. The favicon topic cropped up in the Chimera nightlies thread, but discussion here is probably more appropriate.

So how do I add a favicon to my HTML pages?

From what I understand, you need to add code like this:

[php]
<LINK REL="shortcut icon" HREF="favicon.ico" TYPE="image/x-icon">
[/php]

In addition you need to save a 16x16 or 32x32 icon in Windows Icon (.ico) format at the root level of your website. I tried this but can't seem to get it to work. I have saved my .ico from a .gif in GraphicConverter. I would appreciate any help you can provide.

Escher

[Ozmodiar]

OK this is what I did:

1) Make a 32 x 32 .gif in a graphics program.
2) FTP into your site via the Terminal
3) Now do this:

Code:
ftp> put
(local-file) favicon.gif
(remote-file) favicon.ico

where favicon.gif is the graphic you made, and favicon.ico is what you name it when you upload it to the root directory of your site.
4) Now put this into your < HEAD > tag of your HTML document:

< head >
< LINK REL="SHORTCUT ICON" HREF="http://www.yourwebsitehere.com/favicon.ico" >
< /head >

and that should be it!

Hope that helps.

--Chris

[edit: Make sure you take out those spaces in the HTML. I have no idea why they would leave HTML on in the HTML forum...how the hell are you supposed to demonstrate anything?]

[escher]

Originally posted by Ozmodiar:
[edit: Make sure you take out those spaces in the HTML. I have no idea why they would leave HTML on in the HTML forum...how the hell are you supposed to demonstrate anything?]

Thanks for the tips, Chris.

For some reason quoting HTML instide vBB quote tags doesn't work, that's why I used the PHP tags instead. Go figure?

I basically did what you suggested (and others in the Chimera thread), except that I used GraphicConverter to save a .ico file and used Transmit my favorite FTP program. For some odd reasons, the favicon didn't appear upon reload in Chimera. Completely coincidentally, after installing some new drivers, I restarted my iBook. Surpise! The favicon now shows up. Kickass! Now I just have to implement the code across all of my pages and improve the icon. (Designing a good 32x32 icon that scales well is not easy!)

Escher

[Ozmodiar]

I'm glad it worked for you. I forgot to mention that I did have to quit and relaunch Chimera before my favicon showed up.

--Chris