Favicon – Show of your identity

Did you know what is favicon? Favicon or ‘Favourites Icon‘ is a small image which displayed beside the URL in the address bar. And if you use a tabbed browser like Opera, Firefox, IE7, the favicon also being displayed on the tab. This icon is use as a trademark or a brand of your website.

favicon-01

To create a favicon, you need to create an image and save it in .ico format. If you have Photoshop, you can use this Photoshop plugin (instruction is in the zip file). This plugin is use to save any image smaller than 120 x 120 to .ico. But make sure your favicon is 16 x 16 in size because the default favicon size is 16 x 16.

But if you don’t have Photoshop, you can use an online favicon converter . Upload the image that you want to create as favicon, then click on Generate Favicon.ico.

Ok, now I assume you have uploaded the favicon to your server. To start using the icon on your website, you need to put this HTML code between <head> and </head> tag in your theme file.

<link rel=”shortcut icon” href=”http://www.yourdomain.com/favicon.ico”/>

If everything is going fine, you will have your favicon beside your URL in the address bar. But wait, your favicon will also helps you to show of yourself in Bookmarks.

favicon-02

Looks great, right? I hope this entry is useful. Show your support by subscribing my site feed or bookmark my website by pressing Ctrl + D. Check out my archives for more reading about blogging tips. 😉