Make Your Own Favicon Easily

Favicons

[marilyn]

Maybe everyone knows how to do this already, but personally I struggle to create a decent favicon - I am no artist.

I have just found this facility on a website which creates a favicon from any graphic and does it very well, for free.

I know you are not allowed to post urls here. The website is a well known DHTML site, and has nothing to do with me . . . DynamicDrive. The favicon facility is on the home page. If this post gets edited, send me a message and I'll tell you where it is.

Marilyn

[limbo]

More information on favicon

After you've created a neat favicon, it's time to add it to your site. To do so, follow the below simple procedure:

1. Upload the generated file ("favicon.ico") to your site. Verify it's there by typing [mysite.com...] in the browser's location, where "mysite.com" is your site's address.
2. Next, insert the below code in the HEAD section of your pages, at the very least, your site's main index page:

<link rel="shortcut icon" href="/favicon.ico" />

3. That's it! Note that your favicon may not appear immediately after you've completed the above two steps. In fact, it may take a few days, and in IE, sometimes the favicon will disappear from time to time due to a browser bug.

Personally I like more control but that is handy script if you are looking for basic conversion. One thing though - I've noticed that I seem to get a better response from browers (even in IE!) if I place the link as an absolute one rather than a root relative link.

So : <link rel="shortcut icon" href="/favicon.ico">
Becomes : <link rel="shortcut icon" href="http://www.mylittlesite.con/favicon.ico">

Don't ask me why

[bedlam]

It's also very simple to create favicons yourself if you have shell access to your webserver (and if Imagemagick is present as it often is); upload the original to the document root of your site and type the following (example assumes an original file named 'picture.png'...just swap it for the name of your actual image):

convert picture.png -resize 16x16! favicon.ico

-B