Favicon.ico Tutorial with Photoshop cs2
Here’s a quick tutorial of how to make your favourite icon or Favicon for your website.
I am using Photoshop cs2, but I think it should be okay with later versions. If not please post it here.
First, download the plugin you need for Photoshop. The plugin is here icoformat-18f3-win (for PC) Mac users go here
Extract the file and copy the ICOFormat.8bi file to your Photoshop plugin folder. The path would look something like this C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins
Now start up Photoshop. Make a new file at 16×16 pixels and make what ever graphics you want in that resolution.
Then “save as”, look for ICO (Windows Icon) (*.ICO;*.CUR) and save.
Upload your new .ico file to your server and on your html put this:
Here is my favicon:
I am using Photoshop cs2, but I think it should be okay with later versions. If not please post it here.
First, download the plugin you need for Photoshop. The plugin is here icoformat-18f3-win (for PC) Mac users go here
Extract the file and copy the ICOFormat.8bi file to your Photoshop plugin folder. The path would look something like this C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins
Now start up Photoshop. Make a new file at 16×16 pixels and make what ever graphics you want in that resolution.
Then “save as”, look for ICO (Windows Icon) (*.ICO;*.CUR) and save.
Upload your new .ico file to your server and on your html put this:
<link rel=“shortcut icon” href=“http://www.keyframe5.com/wp-content/themes/keyframe5/favicon.ico” />
Here is my favicon:























W3C XHTML 1.0,
W3C CSS

I am using free tool at animatedfavicon.com. This one works great and its fast
Agree or Disagree:
0
0
Thanks. I will check it out.
Agree or Disagree:
0
0
The animatedfavicon.com works wonders. I’ve just created a professional looking favicon with it and it was awesome. I’ll recommend it to anyone who wants one done anytime.
Thanks for the link favicon gif.
Agree or Disagree:
0
0
certainly helpful, nice tutorial!
Agree or Disagree:
0
0
Sup? thanks for this brilliant tutorial. The tutorial helped me improving my skills a little bit more. It’s always awesome to get some formidable inspiration and I hope to find more of such posts here sometimes because nobody will ever stop learning new things. Keep on
Agree or Disagree:
0
0