How to Create a Favicon for Your Web Site

One of the simplest things you can do to give your site 'identity' and to make it stand out from other sites is to use a favicon (favourite icon). They are the little logos that go next to the website listing in your favourites folder, and pop up in other places, (depending on your browser and operating system). To see one, go to Bookmark the site, open another browser window and then go to open the bookmark you have just made. The 'B' next to the words 'Big Wow Web Hosting- Home' is the favicon.

Want one? Just follow these 3 simple steps:

1) Choose the logo you want to use for your favicon. On my site, I use a 'B' in the same format as the website title, buut anything will do, as long as it reflects the look and feel of your website. Bear in mind that the size of it will be reduced to 16 x 16 pixels.

2) If it isn't already, convert your logo into a .JPG or.GIF and either make it 256 color Web Safe Palette or the Windows 16 color format (the fewer colors the better). Then, using a graphics package or image manipulation software, reduce the image to 16 pixels wide by 16 pixels high. Try to preserve the image resolution. This is the part where you find your fantastic logo looks rubbish when 16 x 16 pixels! If your having trouble, you could use a free icon converter like Image Icon Converter or use an icon editor such as ImageAuthor to build your icon from scratch.

3) Now, save your logo as "favicon.ico". This is the default icon name that web browsers like Explorer and Netscape look for. Upload it into the root directory of your web site (the main directory that contains all your HTML pages). Voila! Your favicon should now be working!

To test your favicon, get a friend to bookmark your site and then open a new browser window. If is next to your listing in their bookmarks, it works!

To test your favicon in the designing stages, dump your cache and open a new browser window between tries before bookmarking your site. If you don't you will just see the same favicon as when you first bookmarked it, as your computer will have cached it in an effort to reduce loading times.

That's all you need to do! You now have an eye-catching logo representing your web site in the favorites list of all your visitors. A professional touch for very little effort.

If you want, you can create a customized icon for each page on your site - instructions for this can be found at

Tim Shaw is director of (Big Wow Web Hosting), a cheap and reliable web host. He has written several books and ebooks on web hosting, and has had many years experience in computers, the web and web hosting.

In The News:

2020 Web Design Trends  Business 2 Community
Web Design  Hackaday
Web Design Trends in 2019  Business 2 Community
The Future of Web Development  Business 2 Community
Seven web design mistakes that hurts user experience  Business MattersBusiness Matters

How To Shop for a Web Design Firm?

While few companies can boast as we do that our... Read More

Is Your Website?s Copy Up to the Mark?

The Internet is a relatively new medium. What works for... Read More

How to Build Your Own Website - More Steps

To build a website, there are four methods to choose... Read More

Ten Basic Steps For Building A Web Site That Works

1. Assemble a web site development plan that is integrated... Read More

Web Advertising: 10 Little Known Tricks To Help Convert Your Traffics To Buying Customers

You may not believe it, but people still judge things... Read More

Why Your Site Should be Developed with CSS and Semantic Markup

Why your site should be developed with CSS and semantic... Read More

Why is a Logo so Important to Your Business?

Well, a logo for your business. Why is it important?... Read More

Speed Up Or Lose Out! How To Improve Your Websites Download Speed

So your web site's online and you've got high rankings... Read More

Increase Your Website Sales Instantly

If there's one thing that I've learnt so far, it's... Read More

10 Reasons Why You Need A Multilingual Website

The internet continues to grow and has become the default... Read More

Why Choose A Professional Web Designer?

It seems that almost every Tom Dick and Harry do... Read More

Web Copy - What You Should Know First

Just what is web copy? Some people think that web... Read More

Top Ten Fonts for Website Design

The top ten fonts for website design might change in... Read More

Choosing Form Over Function Kills Your Site

Never put form over function. Why? Because it's crucial that... Read More

Creating a Basic Web Design Template

A "template" is simply a design format which you can... Read More

Sell Yourself First...Your Key To More Sales

Selling on the internet is a challenge. There is no... Read More

Teach Yourself CSS The Easy Way

I taught myself HTML back in the mid-nineties and was... Read More

Tips for Getting More Sales From Your Website

(1) Create a Direct Response Website, with the minimum number... Read More

Building Web Sites Using Web Templates

Gone are the days when you had to rely on... Read More

What is ASP.NET

ASP.NET is a new programming framework from Microsoft for developing... Read More

Flash Web Design - The Wave of the Future?

There are two camps when it comes to flash web... Read More

Can a Webpage Created Without HTML?

The HTML editor is usually a webpage design software that... Read More

Color Scheme for Your Website?

Yes, in a world that is obsessed with makeover madness,... Read More

Size Does Matter!

In this article we will be looking at why you... Read More

Why You Should Use CSS

It seems more and more webmasters are using CSS for... Read More