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. 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.
All you need to add a Favicon to your site is a Windows Icon (.ico) file usually called favicon.ico that you upload to the main directory of your website.
Download The Plugin:
You’ll need the Windows Icon (ICO) file format Photoshop Plugin to export to the .ico file format.
Because 16 x 16 is such a small canvas area, it can be very difficult to be creative. So instead start your project with a canvas set to 64 x 64
When you’re ready to test the design change the size to 16 x 16.
Add the following line in the head of the page pointing to the favicon
<link rel="shortcut icon" href="images/favicon.ico" />
Some people suggest that the following is actually more correct:
<link rel="icon" href="/favicon.ico" type="image/x-icon">
You can use both if you want!
Version: PhotoShop CS4, ICOFormat-1.6f9