Friday, 21 August 2009

Favicons, or...

Yes, favicons...
Or, how I learned to stop writing and faff about (even more than usual) on the Internet

While making progress with re-designing The ZONE website for a 'new look' based on the page template created by Lawrence Dyer (Traffic Folder), I actually managed to learn something, including how to add favicons to my other websites.

A favicon is a tiny logo (B for, F for facebook, etc) which appears in your browser's address bar, and in bookmarked lists of your favourite sites.

Already got a logo? Then it's simple to make a favicon.
Your image can be in any format, JPEG, GIFF, PNG, etc... but it must be a square and of a typical size: 16 x 16, 32 x 32 pixels, or larger.

I created my simple favicons in Paint Shop Pro 5, but any popular graphics program should be able to produce a suitable image.

Go to upload the image from your computer, and save the favicon.ico file that's generated.

If you haven't got a logo, or a suitable graphics program, you can draw one (16 x 16 pixels only) using this site -
- which displays a handy preview of your artistry before you download the completed favicon.ico file.

You then need to upload this icon (via FTP) to your website's root directory (not your graphics or images folder!).

Although some favicon-making guides sites do suggest adding a bit of code to the header tags of your web-pages, it does not seem to be necessary if you're using a recent or the latest version common browsers: Internet Explorer 8, or Firefox 3 (or later).

If the favicon does not appear, as expected, try refreshing your browser's cache (CTRL + F5).

Have a go...
It's fun, it's free, and it - usually - adds 'identity' and professionalism to your site's image.

No comments: