Create favicon in Photoshop

Although there are plenty of tutorials about favicon, I still provide a quick note for myself.

Add ico format support for Photoshop

download ico format file support, choose the right platform version, for me, is Windows (64 bit) – CS4

extract and copy ICOFormat64.8bi to C:\Program Files\Adobe\Adobe Photoshop CS4 (64 Bit)\Plug-ins\File Formats

Create favicon in Photoshop

I will recommend you to begin with 64*64, instead of 16*16. After your work done, change the image size to 16*16 and save as, ICO (Windows Icon) (*.ICO).

Then add it in your JSP file

<link rel="shortcut icon" type="image/x-icon" href="" ></link>