Favicons are those little 16 x 16 icons that appear next to the URL in the address bar of a web browser. They also show up on the tabs (if you’re using a tabbed browser), in your bookmarks.
The easiest way to create a favicon is to take your site’s logo, or key
graphic, and size it down to 16 x 16 pixels; then save it as a .gif or .png file. Place this file in the root of your blog or site and include it with the following tag placed in the header.php of your blog or of your index.html file:
<link rel=”icon” href=”favicon.png” type=”image/png”>
To ensure your favicon works in all browsers, you must save it in the
official Windows icon .ico format.
If you’re using Photoshop, there’s a plugin from Telegraphics you can
install that will allow you to save in the Windows icon format.
Once you have your favicon.ico, place the file in the root of your site’s directory and place this code in the header tags:
<link rel=”icon” href=”/favicon.ico” type=”image/x-icon”>
High Res. Favicon
The three main sizes that Windows will display a favicon in are: 16×16, 32×32,
and 48×48. I’ve seen favicons that go all the way up to 128 x128. It’s up to you; just remember, the more resolutions, color depths, and transparencies you add, the larger your favicon file is and longer it will take to load.
Telegraphics makes an additional plugin that will “bundle” all your favicon resolutions into one .ico file. It’s called the IcoBundle Utility and it can be found at the same Telegraphics URL as the ICO Format plugin.
If you don’t want to use Photoshop, GIMP can again easily handle this task for you.
There is an article on the Egressive’s site as a wonderful reference for putting a multi resolution, transparent favicon together using GIMP:
If you do not want to work hard there are lots of sites where you care create your Favicon. Brows This link “20 Best Favicon Online Generators ”
Get Inspire Yourself from 50 Remarkable Favicons
Ref. Wordpress 2.8 Theme Design
teebee
The link for egressive didn’t work. The correct link is: http://egressive.com/tutorial/creating-a-multi-resolution-favicon-including-transparency-with-the-gimp
Dave Holowiski
I used to use a Wordpress Plugin that let you change your favicon right from the dashboard. It came with a ton of pre-made favicons, and you could upload your own too. It was really cool, but I can’t remember what it was!
Nimit kashyap
Thanks, I was looking for something like it to upload favicon on my blog
Add Url To Search
I am not sure that I can completely understand your comments. Would you be so kind as to expand on your reasoning a little more before I comment.
business logos design
Your blog is pretty good and impressed me a lot. This article along with the images is quite in-depth and gives a good overview of the topic.
John
Great site
Edward
Keep this kind of content going, love your site
Rob
Thanks for the tips. I’m going to try this out.