<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%> Make your own Favicon




Well, it is for its size!

What is a favicon icon?

When your web site is shown on someone's browser, a favicon is the tiny logo that sometimes appears next to it.


FAVICON stands for FAVorites ICON. At one time a favicon only appeared in a Favorites bookmark list. Of course your favicon could only go on parade if somebody bookmarked your site. Even then favicons were remarkably shy, sometimes disappearing for no apparent reason.

Favicons are now more robust. Depending on your browser, you will probably find a few in your address bar and your History list as well as your Favorites.

These tiny icons can actually be pretty useful in locating a site in a list to revisit it. Many sites don't bother with a favicon and just display the standard browser icon. Their loss!

A favicon is in effect a miniature marketing logo - knee high to a shirt button, but it does get noticed.


Favicons now not only appear in more places. You can make your own favicon in different forms. At one time your graphic had to be an .ICO icon file. These days it can be a .GIF or a .PNG.

There is, however, a snag. Internet Explorer does not share this permissive attitude to favicons, at least its older forms, and those are still pretty common. Firefox, Google Chrome, Safari and other browsers may open their doors to favicon in all kinds of outfits. Internet Explorer may not.

To reach the widest audience for your favicon, it's as well to stick to making an .ICO file.

Fancy .ICO files can hold several images at different sizes and colour depths. If you want to go to town on one of these, there are specialised icon making apps.

favicon icon For a perfectly serviceable favicon, you just need 16 x 16 pixels and 16 colours. There are online favicon makers for this basic job, but it isn't difficult to make your own favicon in a desktop art app like Photoshop or Elements. Convert it to an .ico file in Irfanview (for PC) or Graphic Converter (Mac).

You will not achieve a transparent background with this DIY method. (That is, your logo will be a square of solid colour, not a cutout.) However, a square of colour stands out. You won't waste a pixel of your precious space, and besides, if squares are okay for Facebook and Adobe, who's worried?

Finding out if your favicon is on parade can be difficult because you can't do too much testing to find what makes this midget Pimpernel appear and disappear. You only have your own computer to try it on.

Never mind. If your marketing logo is distinctive enough, even if it disappears it has probably done its work. We learn to recognise images faster than words. A really striking favicon will not be forgotten.

Good luck! ...

Make your own favicon the easy way... NEXT ideograms

CREATING SYMBOLS Cliches . Symbol fonts

FAVICON Favicon Tutorial . Start with ABC . Pictograms . Icons . Upload favicon

(c) Valerie Beeby 2000 - 2013

Images and articles on this site may not be reproduced or used for any commercial purposes without written permission.
You can contact me at: