How to Create Favicon .ICO files using Adobe Photoshop

Favicon is the small image appearing on browser tab besides the title of the blog or webpage. That favicon is actually an image with .ICO extension. There are lot many other ways to create a ICO file on your computer, For example  IrfanView is a free image editing software which creates ICO files, but if you are having Adobe Photoshop then no need to have any other software to create favicon. The problem is that Adobe Photoshop does not support ICO extension by default i.e. you can not save an image as ICO thru Photoshop.

favicon_photoshop

You may like: Create Favicon For Your Blog Or Website Using Free Online Service

To do that you need to have Adobe Photoshop ICO Plugin which enables the user to save image as ICO file. For favicons, you need very small size image like 16px x 16px and in that image you will have to show your creativity which can be done thru Photoshop. Here is the plugin you need to download for this purpose:

Download ICO plugin for Photoshop

Now install this plugin on your computer and start creating the favicon file on a canvas size of your choice. You may prefer 64 x 64 pixel canvas as you can put colors on that easily. After completing the design, resize the image to 16 x 16 pixel and then save image file as ICO file by selecting “File type” from the Save As window.

Upload the favicon to your blog/website directory and link that favicon in header section of your webpage/blog. Now you can create different icons like Windows Icons etc using Adobe Photoshop. 

Sanjeev Mishra is a professional blogger and an Internet Marketing Consultant based in India. He has built the Internet Techies to provide you updates in technology and web application area.

1 Comment

  1. Ruchi

    November 12, 2009 at 4:05 pm

    I am using photoshop for quite a bit of image designing but was not aware of ICO plugin for Photoshop will surely give it a try. Thanks for sharing.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>