November 24th, 2003 • 4:33 am
Some of you might have noticed that, over the past few weeks, I have been experimenting with using a “favicon” for my Betalogue web site:
I think I got it to work in most situations now, but I must admit I am still not entirely clear about the whole thing. I would probably need to do more research on the issue, but now that it’s working, the incentive is just not there. I just thought I’d mention a few things I noted along the way, in case they can be useful to other people.
- As far as I understand, in theory there is more than one possible picture size for favicons. The “.ico” file that you’ll use for your web site can actually contain several different icon sizes. I am not sure what the purpose of these different picture sizes is (I read something about large sizes being used for bookmark file icons in Windows), but I don’t think Mac users have any uses for sizes other than the default size. So I narrowed it down to that default size, which is 16×16 pixels. It’s always best to keep things as lightweight as possible.
- On the Web, you will find tutorials to create a favicon using various software titles, including GraphicConverter. I ended up using Photoshop and the free Photoshop plug-in provided by Australian software company Telegraphics.
- I created a 16×16 icon, and then converted it to the BMP format (just in case), and then changed the mode to “Indexed Color” and chose the Windows system color palette. I then saved the file as an “.ico” file using the above-mentioned plug-in.
- It wasn’t entirely clear to me right away, but the file must be named “favicon.ico”. It cannot be called anything else. (I tried “betalogue-favicon.ico” at some point, but that didn’t work.)
- I put the file in my site’s root folder at
www.latext.com/and added the needed HTML code to my index page. After this, the icon would appear correctly in the title bar in Camino, but not in Safari. As I understand it, if you put the file at the root level of your web site, it’s supposed to “trickle down” and appear in the address bar for any page in your web site. Well, this does seem to be true for Camino, but not for Safari.
- In order to make the icon appear in the address bar for Betalogue at
www.latext.com/pm/betalogue, I actually had to put a copy of the file inside the
pm/folder and add some HTML code to the
betaloguefile as well.
So there you are. As far as I can tell, the favicon now appears properly in Safari and in Camino. Favicons don’t appear to be supported by Internet Explorer for the Mac. I haven’t tested things in Windows yet.