How to Make a Favicon

  • Share this Post on Digg
  • Share this Post on Twitter
  • Share this Post on Design Float
  • Share this Post on Delicious

Apr 11th, 2009 Blog Tools 0 Comment

Stumble How to Make a Favicon

A favicon, short for “favorite icon” is the small icon displayed on the browser URL bar and whilst a favicon will not drastically change your traffic it will certainly improve the look of your blog and could attract more visitors (say by looking into their bookmarks).

General Guidelines

Your favicon should reflect your site and be relevant to your users. Don’t forget not only will they see your favicon in the browser window on all pages, but in saved bookmarks too. I recommend the following:

  • Icon size must be 16×16 pixels.
  • Don’t make it too complex.
  • Make sure the icon and icon colour reflects your site
  • If designing using a paint package, create the icon at 64×64 pixels, then when downsizing to 16×16 there won’t be any blur.
  • Convert the image to .ico format and upload into your root directory.

HTML Code

The following code needs to be implemented in between the < head >… code:


< link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" / > 

Favicon Generators

The follow is a list of useful .ico generators/convertors:

Screenshot of Nice Favicons

No related posts.

Leave a Reply to "How to Make a Favicon"

Have an Avatar? - Register one now!
Liked the post? - Subscribe via RSS.

Copyright 2008 - 2012 | Best Blogs Asia