24 December 2008

FavIcon Generator

What is a Favicon?
A favicon (short for "favorites icon" and also known as a page icon), is an icon associated with a particular website or webpage that is displayed in the browser address bar next to a site's URL.

Favicon Screenshot

Image to create icon from:

  • Supported file formats: gif, jpg, png, and bmp.

  • Use a gif or png with transparency if you require it.

  • Maximum file size: 150.00 kB.

Merge with a 32x32 desktop icon.

Merge with a 48x48 large XP icon.

Useful FavIcon URL:

More information on favicon

After you've created a neat favicon, it's time to add it to your site. To do so, follow the below simple procedure:

  1. Upload the generated file ("favicon.ico") to your site. Verify it's there by typing http://mysite.com/favicon.ico in the browser's location, where "mysite.com" is your site's address.
  2. Next, insert the below code in the HEAD section of your pages, at the very least, your site's main index page:
  3. That's it! Note that your favicon may not appear immediately after you've completed the above two steps. In fact, it may take a few days, and in IE, sometimes the favicon will disappear from time to time due to a browser bug.
Once you create your favicon.ico file, upload it to the root directory of your website and put the following code in your html page in the header:

Here is an example of a favicon:

No comments:

Post a Comment

Follow on Buzz