View Full Version : Creating A favicon

07-18-2005, 18:08 PM
What is a Favicon?

A Favicon is a small picture (16x16 pixel), that you can find in front of your URL... and in the favourites list when you add that url in your favourites list.

How to create a Favicon:

First off, you will need Photoshop or Paint Shop Pro to make a Favicon. If you don't have any of these you can use good old Paint.

So, now lets start:

1. Create a new picture with the size 64x64 and edit it like you want your Favicon to be.. then reduce the size to 16x16 and save it for example as "favicon.bmp".

note: its important that you save it as ".bmp" because we need to convert it to ".ico" later on.

2. Rename the file you've just created to "favicon.ico"... if that doesn't work, download IrfanView, open the favicon.bmp and select "file -> save as" and choose ".ico"

3. Now put your Favicon into the folder anywhere in your site's root folder.

4. Now open your index.htm (or whatever page you want to use) in Notepad, Frontpage, Dreamweaver any other editer... put this code above your <head></head> tags.

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

note: if you put the favicon.ico into your image folder, change the code to...

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

If your favicon is in any other folder in your site's directory, change the 'href=...' appropriatley. E.g. if your icon is up a directory the code is 'href=../favicon.ico' etc.

5. Upload your index.htm (or whatever) to your server and then it should work. Make sure you have uploaded your favicon as well.

07-19-2005, 07:05 AM
Will IE display it?

07-27-2005, 22:40 PM
Nice tut. Will try it. Thanks