faviconIn one of my earlier posts, I had talked about what a Favion is and how you can create a Favicon using Favicon.cc. I had also written that there are various ways through which you can create a Favicon and Favicon.cc is just one of them.

I was reading a recent comment on the post and felt that I should also be sharing with you some other, easy ways for creating Favicons.

Primarily there are two ways you can create a Favicon:

  1. By using any online service
  2. By using a desktop software

Online Services

Here is the list of some free and easy to use online services by which you can create your own Favicon.

  • Antifavicon [Pretty useful for only text Favicons]
  • Degraeve [Hybrid support : image + pixel grid]
  • Dynamic Drive [Supports edits on uploaded image]
  • Favikon [Allows direct image conversion to Favicon]
  • Genfavicon [Allows image conversion to Favicon including image upload from a url]

Desktop Applications

You can also try creating Favicons by using various licensed / free desktop applications. Here are a few:

  • Gimp
  • Photoshop
  • Irfanview
  • Icon Sushi

Illustration

Let’s try to see how easy it is to make a Favicon using Photoshop:

Step 1: Open the image in Photoshop.

clip_image004

clip_image006

Step 2: Crop it into a square using ‘Crop’ tool

clip_image008

Step3: Change image size to 16*16 pixels from Image > Image Size

clip_image010

Step 4: Save the file as Windows Icon file by selecting the related option from “Save As” dialogue box

clip_image012

Step 4: In case you do not see the related option, probably you need to add support for “.ICO” in Plug-Ins>File formats directory of the Photoshop installation directory.

clip_image014

Hope this was useful!