How to Create a favicon for your WordPress website in under 40 steps
1. Articles of Total Bounty
How to Create a favicon for your WordPress website
2011-11-30 16:11:09 Total Bounty
You may have probably noticed those little icon on your browser’s tab for every page you visit. Oftentimes
we identify a page just by looking at that icon because we have associated that image to the site itself.
That little icon is called favicon.Favicon is an interesting and important aspect of web design. If you hired a
web designer, they often have this included in their work package. The look and design of your favicon
should either be taken from your site’s logo or part of that logo. But if you choose to have your own design
and create it yourself you may do so by following the instructions below.
Start with selecting a logo or image in your site and change its size dimension to 16 x 16px. We advise
you to save it to PNG file to maintain the quality of the original image. Also, saving it to PNG is a necessary
step so that you can later save it to .ico format.
If you used Adobe Photoshop users to create your favicon you won’t be able to save it in .ico format.
There are many favicon software around that let’s you create favicon and save it directly to .ico format like
the open source GIMP.
Alternatively, you can use online favicon generators with one of the websites listed in the 55+ Extremely
Useful Online Generators for Designers article.
Once you have generated the favicon in .ico format, you may now then change the name to favicon.ico for
easy identification. After which you are now ready to take the next action – uploading it to your site’s root
directory. You do this by accessing the header.php file in your template folder. Once you’re there, add the
following code:
<link rel=”icon” href=”http://www.YOURSITE.com/favicon.ico” type=”image/x-icon” />
<link rel=”shortcut icon” href=”www.YOURSITE.com/favicon.ico” type=”image/x-icon” />
Change YOURSITE to your site address, then upload. You should now be all set. Let us know if you are
successful.
Share this:
Share