How to? Favicon and icons tutorial

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.

A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16 pixel square icon associated with a particular website or webpage.[1] A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page’s favicon in the browser’s Address bar and next to the page’s name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page’s favicon next to the page’s title on the tab.