DHTML Favicon Designer
This web-app is allows you to design a free favicon for your website.
A favicon is the small 16x16 icon shown beside the web-address (and tab in some browsers). It can also be used in the bookmarks menu when you bookmark a website.
The interface is quite simple. A grid of pixels is shown that you can edit. A striped pixel represents a transparent pixel in the final image.
Select a tool from the left-hand "Tool" panel. For example, "draw" allows you to freehand draw on the image in the current colour. This can be changed back to transparent by using the "erase" tool. To change the current drawing colour, click on one of the "paint pots" below the grid. If you double click on one of these, a window will pop up that allows you to select (or enter) any colour.To make a pixel transparent again after drawing on it, use the "Erase" tool. You can also add other simple shapes using the other tools shown.
Once you have finished, click on the "Upload" button and the favicon.ico file will be sent to your browser to save.
If you are using Firefox, the "Save As" box will appear as a pop-up and you will have to allow this site to open pop up windows. We never use pop-ups for anything else (e.g. advertising).To use the favicon, place the favicon.ico file in the top level folder of your webspace. This will normally be used by default by most modern webbrowsers, but you can also put it anywhere you like and then add the following lines in the <head> section of your webpages:
<link rel="icon" href="/
<link rel="shortcut icon" href="/favicon.ico">