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. 

You may also like...

Tags: , , ,
4th November 2009
Written by: Sanjeev Mishra (949 articles)
in How To
1 Comment
Print This Post
RSS for Internet Techies Hello there! If you are new here, you might want to subscribe to the RSS feed for updates.
More Featured Jobs
Featured Jobs On Internet Techies
Digital Media Marketing Specialist at Signature Fencing & Flooring Systems, LLC (New York, New York) : Digital Media Marketing Specialist We are seeking an Digital Media Marketing Specialist who is an expert in the field of SEO/SEM, Social Media marketing and email marketing who can design and impleme...
Hardware Specialist at Confidential (Marlborough, Massachusetts) : For my client, this role is responsible for acting on, closing, and generating sales opportunities from warm leads with little cold calling. Proactively communicates with prospects and existing custom...
One Response to “How to Create Favicon .ICO files using Adobe Photoshop”
  1. Ruchi says:
    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.

Sorry, the comments are closed on this page. Please use the below link to post us a query.

Ask a Question »