The Favicon

Posted on | Tyler

Before in the past, to have a icon appear next to your site name in the address bar, you would need to add one line of HTML to your HTML page and upload a file called “favicon.ico”. As I have discovered a while ago, you no longer need to add the HTML to your page, but merely just upload the “favicon.ico” file to your root directory of your website and you will have an icon appear.

Favicons still serve the purpose they have served for a while now. When you bookmark a site that has a favicon, you will see that icon next to the site you bookmarked. You may also see the favicon next to other places such as in a RSS reader when you subscribe to that site’s feed, or maybe a page of information containing that site’s info. The favicon sort of gives your site a representation of the site through a 16×16 image. When you see one, you know what site it belongs to and you’ll easily recognize it whenever you see it. Most favicons are just miniaturized versions of the site’s logo, which is true in cases like Google, Facebook, Twitter and etc. You’ll see the relationship between the logo and the favicon whenever you visit a site that has a favicon as they are merely the same representation.

If you need to generate a favicon for your site, there is a good one at DynamicDrive where you upload an image of your choice, and the generator will generate a 16×16 icon for you. There are also many others out there, but I’ve found the one DynamicDrive to be the best. Also on some generators, it may give you a code of HTML and tells you that it’s needed for the favicon to show. As explained above, all you need to do is upload the favicon.ico file to your root directory and you’ll be ready to go.

Did you like this? Share it: