Articles of Total BountyHow to Create a favicon for your WordPress website2011-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. Oftentimeswe 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 aweb designer, they often have this included in their work package. The look and design of your faviconshould either be taken from your site’s logo or part of that logo. But if you choose to have your own designand 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 adviseyou to save it to PNG file to maintain the quality of the original image. Also, saving it to PNG is a necessarystep 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 likethe open source GIMP.

Alternatively, you can use online favicon generators with one of the websites listed in the 55+ ExtremelyUseful Online Generators for Designers article.

Once you have generated the favicon in .ico format, you may now then change the name to favicon.ico foreasy identification. After which you are now ready to take the next action – uploading it to your site’s rootdirectory. You do this by accessing the header.php file in your template folder. Once you’re there, add thefollowing 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 aresuccessful.

Share this:Share