How to Create a Favicon.ico for your website ?

Tuesday, June 9, 2009 by admin

Looking for a way to create a FavIcon ?

The 3 ways we’ll learn to create favicon are :

1) Online Favicon Generator - Easiest, Simpliest & Free way to create a FavIcon
2) Photoshop Plugin
3) Other Softwares (Freewares)

Create a Favicon Using Online Generator

Generating Favicon using online generators are the easiest free and best way if you are not very handy with graphics softwares and don’t have much graphic skill. Before you create favicon using online generator, resize your logo to any square size by cropping(though not mandatory but it helps).

The following sites offer free favicon genarator, all you have to do is upload the image and favicon is created automatically and download link provided.

Online Favicon Generator - best free Online favicon Generator and desktop icon maker

Use Photoshop To Generate Favicon

Photoshop does’nt support ico format directly, so we need to install a plugin TELEGRAPHICS ICO PLUGIN.

Now create a new square file of 16*16px or 64*64 px anything you want, creating somewhat bigger size will make you feel comfortable to draw your icon. If you already have you logo ready you can also open it in photoshop crop it to make it square, you can also use transparent background for your icon.

Opened a gif file in photoshop and made it square with transparent background

Go to Image > Image Size in menubar and resize it to 16*16px

Resize Icon to 16*16px

Go to File > Save As in menubar and save it as ico

Save the file in ico format

Other Free Softwares To Create Favicon

There are many free softwares where you can create your favicon from scratch. Some of them are listed below

Irfanview
Icon Sushi
Creating icons in these softwares are a piece of cake just create a new square file and create your icon, resize it to 16*16px, 32*32px or 64*64px according to your needs and export as ico.