Favicon Tutorial (written by slithytove)

Jul 02, 2001 14:28

Prereq
This does require that you have some webspace to put your icon on...
GLOBAL_HEAD tutorial

I've discovered that one interesting thing you can do with the 'Style Override' box is to insert code that will enable an icon for your page on the Address bar, and in the viewer's 'Favorites' list, if he/she saves your page to it:

GLOBAL_HEAD<=

<=GLOBAL_HEAD

I've done it for my page, slithytove, directly editing into the style, but it can be also done for an unpaid user's page, via the code above in the Style Override box. I've created a dummy unpaid user page to demonstrate: temp.

Note that you have to load the page, save it to your 'Favorites', then reload it from 'Favorites' for the icon to be visible. There are some other non-intuitive catch-22's in the procedure, that are discussed on this page.

Creating a good icon, that is still legible at a tiny size, is the real challenge. I don't think the icon on my page is there yet, and I'm still thinking of what to do about it.

Links :

Directory of free web spaces
GLOBAL_HEAD tutorial

Follow Up:
The icon format used for favicon is .ico, not .bmp

.ico is not the same format as .bmp , as .bmp is a windows image format (.ico can be used for icons in any program).

.ico files are 16 pixels by 16 pixels, so it doesn't give you a lot of room to make any fancy logo.

If you need a free utility to convert your image format to .ico , check out : Icon Graphic Converter: Convert graphics to .ico format.

- all styles, favicon

Previous post Next post
Up