Posts Tagged ‘favicon.ico’

How to make a favicon.ico

Tuesday, September 4th, 2007

A great site for more info is: http://www.favicon.com. It has a great explanation of what favicon.ico are and an online editor that allows you to save the created graphic to your computer.

http://www.axialis.com/axicons/index.html. This one is quite handy and allows you to run the program off of your computer. There is a free trial available and you can buy a single license if you choose to keep it for $14.
There are others out there, feel free to search for yourself.

Once you have a design you like you can save it and then see it with your browser. To do this one needs to be uploaded to your server with the name of “favicon.ico”. To do this you need to upload to your main directory of your website. This will be the same directory as your index.html file. If you have lower level folders for articles, products, or other files you will need to upload a copy of this file to each folder that you think someone might bookmark you from. Like for a shopping site you might have a copy in the main directory, the product directory, and any other directories. That way no matter what folder the web viewers are in when they bookmark the site they will get a copy of the favicon.ico.

An example of how popular the browsers that support this have become can be easily tracked by how many people created a “file not found” record in your server logs for the favicon.ico file until you make one. For many people that is the first time they have heard of this file. Once you create and upload your own copy of this image to all the main folders you will not see these “file not found” errors. You will have a nice looking graphic that represents your site well and may help you get noticed, as you will stand out in the bookmarks of the visitors that have book marked you. Getting repeat viewers to your website is even better than getting new visitors as they have already warmed to your message and are closer to being a customer that all of our businesses strive for.

What is a favicon.ico?

Wednesday, August 29th, 2007

You see the picture in your bookmarks if you are using Internet Explorer or Firefox and don’t know what it is. Or you are looking at your server logs and see that quite a few people are looking for a file called favicon.ico and they can’t find it. You never had a file called that and don’t know how someone can be looking for that file. What those both have in common is that they involve the same file. It is called favicon.ico and it is a small picture that is used by web designers to give a graphic representation to their site with a small 16 X 16 image in an icon format. This is a file format for images like .jpg, .gif, or .tiff. The difference is that .ico are smaller and with few colors. Because of these constraints on size and color the images tend to be very simple with little content.
Who has them?
Typically larger professionally managed sites are the most likely to have these images integrated on their sites so if you bookmark it you get a copy stored on your computer along with the actual bookmark. If you have never seen these here are some examples:

http://www.yahoo.com/favicon.ico - A simple “Y”

http://www.altavista.com/favicon.ico - The popular search engine - “AV”

http://www.msn.com/favicon.ico - A very small picture - the MS butterfly

These are created with an icon image editor, which are quite similar to other drawing programs except they are made for this format’s small size and color selection. With this size the creation process almost seems like tic-tac-toe with 16 colors. The key is to think small and to think what will be viewable at the smaller size.

A great site for more info is: http://www.favicon.com. It has a great explanation of what favicon.ico are and an online editor that allows you to save the created graphic to your computer.


FireStats icon Powered by FireStats