How to Create and Install Favicons

June 30, 2009 · 45 comments

Favicons are those tiny images (16×16) shown in your browser tabs:

Favicons visible in FireFox Browser

Favicons visible in FireFox Browser

In the screen capture above you can see our new Favicon followed by one for Adam Singer‘s blog The Future Buzz and Andy Beard‘s blog AndyBeard.eu. Favicons can be created from almost any image file type (.jpg .gif .png .bmp) and are saved as the .ico file type.

Every Web site should seriously consider having a distinctive Favicon created that matches their Avatar and Distinctive Business Logo. You can use one of the Favicon generation tools below to create one from an existing image and the Favicon WordPress plugins to install it on your site. The process is similar for installing Favicons in Non-WordPress sites.

FREE FAVICON GENERATORS:

  1. HTMLkit Favicon Generator – recommended by Mikael from Retire Rich – creates still and animated favicons from regular images
  2. Dynamic Drive Favicon Generator – create a Favicon from an existing image [input images: gif, jpg, png, and bmp]
  3. FaviconGenerator – create a Favicon from an existing image [simple - no options - square images only]
  4. Favicon-Generator - create a Favicon from an existing image [input images: gif, jpg, png - few options]
  5. ProDraw Favicon Generator – create a Favicon from an existing image [Supports JPG, GIF, PNG, BMP and TIF file formats for uploading. Output size from 16x16 pixels (favicon.ico icon size), 32x32 (desktop icon), 48x48 (large XP icon) up to 128x128 pixels (Windows Vista icon size) in the *.ICO icon format.]
  6. Favicon CC - create Favicons in a paint type program

WORDPRESS FAVICON PLUGINS:

Read the Best of GrowMap or Stay In The Loop!

Subscribe to the GrowMap feed via RSS or Email to receive notifications when new posts are published. Follow GrowMap on Twitter too!

{ 43 comments… read them below or add one }

Lisa who writes about Parfum January 25, 2012 at 6:50 am

Awesome post. I just started my new blog and I am going to implement the plan that you shared. Thanks.
Lisa would love you to read ..ParfumMy Profile

Reply

Roger January 22, 2012 at 9:35 am

Favicons are a great way to extend your branding out and shouldn’t be ignored. I always use favicons on new sites that I create. This is a good tutorial for anyone looking to add their own.
Roger would love you to read ..Samsung Galaxy Tab 7.0 Plus 16GB SALEMy Profile

Reply

income tax efiling January 17, 2012 at 5:05 am

Making a favicon is harder than making a logo!
There is so little you can fit in those pixels.
I like google’s favicon, though. Creative

Reply

James who writes about success Quotes
Twitter:
December 2, 2011 at 1:47 pm

Twitter: @businessnquotes

Thanks for this guide I’ve been trying to create a favicon for my site so this post really help me.

Reply

iPhone App Development October 21, 2011 at 2:51 am

Favicon sometime refers as website icon or web page icon and it not only use for marketing and branding proposes but also use for usability as it also facilitates user to identify pages among the web browser tabs. Nice share. Thank you.
iPhone App Development would love you to read ..Race of Mobile Applications – Android Getting Ahead Of OthersMy Profile

Reply

Noel Addison who writes about Web Development Ventura
Twitter:
September 27, 2011 at 9:51 am

Twitter: @addisonskanks

It takes years to build a great brand and having a Favicon is the first step in building a brand. Favicon helps you get noticed and easier to recognize.

Reply

Leave a Comment

CommentLuv badge
This blog uses premium CommentLuv which allows you to put your keywords with your name if you have had 0 approved comments. Use your real name and then @ your keywords (maximum of 5)

{ 2 trackbacks }

Previous post:

Next post: