How to Create Favicons

Here’s another Web 2.0 tip for Boomers.

Favicons (pronounced fave-IKONZ) are the tiny pics you often see preceding a web address in your browser bar. Here’s ours:

In this post , we’ll tell you how to create your own favicons– it’s so easy, you’ll wonder why you waited.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

1. First, need to create your own favicon artwork. Any graphics program will do – Photoshop, Illustrator, Fireworks, etc. The dimensions need to be 16px square. Yep, it’s small. So keep it simple.

2. Save your art according to these specs:

- Supported file formats: gif, jpg, png, and bmp.
- Use a gif or png with transparency if you require it.
- Maximum file size: 150.00 kB.

3. Now go to Dynamic Drive’s Free Favicon Generator.

Follow the instructions (browse and create icon). The generator will create a file called favicon.ico from your artwork. The generator will also create some html code for you to use on your webpage.

4. Upload your favicon.ico file to the same directory on your website as your index.

5. Add the code to your web page as instructed (just cut and paste it into the head section).

You’re done!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Special thanks once again to Dynamic Drive for the free favicon generator.