What is Favicon ? How to add favicon to site ?

Posted By: KP On December 26, 2010 Under Internet, Web Master Categories

Favicon is a 16 x16 pixel icon. The icon is seen in front of website title in tabs/title bar.

favicon-file

Above a favicon for TeraBug is shown. A favicon gives your site an unique identity in the case of many tabs are open at user end. User can quickly identify your site among big list, just seeing favicon.

How should be your favicon icon ?

A favicon should represent the site/brand. It should be your logo / brand symbol. For example your domain contains monkey in it, then just have a monkey as favicon Or if it’s having banana then go for banana. Try to make it simple, less colors, visible symbol as it is having just 16 x 16 pixel size.

How to add a favicon to your site ?

1. Favicon needs .ico file. Make 16 x 16 jpg/png file for your favicon. Then use Favicon generator tool by Dynamic Drive.

2. After generating favicon file, name it favicon.ico when you save it.

3. Upload it to your root directory of your website.

4. Add following html code for favicon to head part of your all webpages.

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
Check your site with a brand look and feel.(You may need to clear your browser cache)


Share with Friends ( Sharing is Caring! )


Subscribe For E-mail Notification Of Article Updates

Enter your email address:

NOTICE:
DO NOT FORGET TO CLICK ON THE VERIFICATION LINK AFTER SUBSCRIBING,THE VERIFICATION MAIL WILL BE SENT TO YOU FROM "FeedBurner Email Subscriptions".
( What is this? Why I need to do this?)

Related Posts

Post a Comment

OR