Brand Your Website’s URL With a Favicon

Have you ever spotted that whilst you take a look at your browser favorites menu or the deal with bar, some entries have their very own little icon beside their URL?

It’s referred to as a “Favicon” (a graphic document with a .ico extension) and it is positioned within the root listing of the internet web site. Everytime you bookmark a web site that has its personal favicon.ico document, it’s added for your browser, and it’ll be visual from then on within the favorites menu and within the deal with bar.

At the start, simplest huge web sites had a favicon, however now you may also create one and use it to logo your web site. The very first thing it’s a must to do is to create your favicon. To be displayed by means of browsers, it should have a measurement of 16×16 pixels. To create one, you’ll use a graphics program referred to as Icon Forge (you’ll obtain a loose trial model in CNET):

You can both create an icon from scratch, or import a 16×16 ‘.gif’ or ‘.jpg’ document and reserve it as a ‘.ico’ document.

You will then have to save lots of your icon with the default identify of ‘favicon.ico’, and add it to the foundation listing of your web site (the place your index web page is). Finally, after that, you should affiliate your icon for your internet web page. You do this by means of together with the next HTML code straight away after the HEAD tag of your web page:


Once you’ve got finished that, that is it. To check it out, move for your internet web page and upload your web page for your favorites. You will have to be capable of see the favicon subsequent for your bookmarked web page name. Also, the following time you sort your URL within the deal with bar, you are going to see your favicon to the left of the URL.

(Favicons paintings with Internet Explorer five or more moderen, and with contemporary variations of Netscape.)


You can freely reprint this newsletter. Just come with the next useful resource field on the finish: