Follow this article to generate favicon.ico for your website with an an easy to use on-line favicon generator. Favicons generated using this tool contain text instead of images in order to be descriptive, but are colored to be nice looking like those on antipixel buttons and applied it to favicons.

Examples:

A Quick FAVICON.ico HOWTO

After successfully generating your nice new favicon you may want to know how to add it in your site html header using the right syntax and standards and rules in order to be sure most users will see it. The following is a quick guide extracted from the Favicon Wikipedia Page.

What is a favicon.ico ?

A favicon.ico is the filename meaning "Favorites icon", or "page icon", is an icon associated with a particular website or webpage. A web designer can create such a favorite icon, and many graphical web browsers such as Internet Explorer, Firefox, Mozilla, Opera, and Safari then make use of them in the address bar. Many web browsers that support favicons.ico display your favicon in the browser's URL bar, next to the website's name in lists of bookmarks, and next to the page's title in a tabbed-document interface.

How to use a favicon in your website

The original means of defining a favicon was by placing a file called favicon.ico in the root directory of a webserver. This would then automatically be used in Internet Explorer's favorites (bookmarks) display. Later, however, a more flexible system was created, using HTML to indicate the location of an icon for any given page. This is achieved using the link element like: in the section of the document. In this way, any appropriately sized (16×16 pixels or larger) image can be used, and although many still use the .ico format, other browsers now also support the GIF and PNG image formats.For optimal browser support, the following rules should be obeyed:

• Include both element types:
• The link elements must be inside the head element (between and ) in the HTML.
• For XHTML, the link element must be empty (terminated by> )
• The href can, but need not, point to the location /favicon.ico. It could equally well point anywhere else on your site that is convenient.
• The image can be an ICO, PNG or GIF.
• The .ico file format will be read correctly by most browsers.

Note: A file called favicon.ico and located in the document root directory will also be found by some browsers which do not process the link elements, even if it is not linked from anywhere on your site.

If you appreciated this information of favicon.ico, please visit our website often and generate as many favicon.ico files as your need for your webpages.