By: DanielT | posted in Tutorials |
Date: December 3rd, 2008
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:
By: DanielT<link rel=“shortcut icon” href=“http://www.keyframe5.com/wp-content/themes/keyframe5/favicon.ico” />
Site:
Info:
W3C XHTML 1.0, 
W3C CSS
I am using free tool at animatedfavicon.com. This one works great and its fast
Thanks. I will check it out.
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.
certainly helpful, nice tutorial!
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
Thank you for the informative post, and especially for hosting a GPL license download. Worked great!