Veechaar-The Insight:A blog on Web2.0,Technology,Internet

December 20, 2008

How to add Favicon in your website

Filed under: Web Development — Tags: , — The Insight @ 7:35 am

Favicon has become an essential parts of any website. Without Favicon a website looks incomplete or no upto the standard. When you type the URL of a website in the browser and you observe there is Favicon missing it makes you feel that something is missing in the website.

Favicon are logo of any website and you can easily understand if how things will looks if a brand/company is without its logo.

Suppose you type http://google.com . The moment you finishes typing URL of the website there is a tiny pic in the URL  with the URL. That is the favicon of the website.You can see it in all major websites.

We can say ” favicon is a icon file with 16×16 name favicon.ico under parent directory of the web.”

How to add Favicon in your website?

1.Create a favicon for your website.You can check this link to see how to create a favicon with Photoshop.

Creating Favicon with GIMP, an alternative software of Photoshop, is much more easy.Make sure your image does not have any  color background (delete the layer with white background by default). Save it as favicon.ico

2. Upload your favicon to the root of your website.

3. Add this code  into your <head> tag:

<link href='/favicon.ico' rel='icon'/>
<link href='/favicon.ico' rel='shortcut icon'/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

In href you have to give the path of your favicon icon. You can use
other name for your favicon instead of favicon.ico e.g. absfavicon.gif
.

There are some plugins also available for this task in WordPress e.g.
Favicon Manager but
i dont see any intelligence using a plugin for such a minuscule 
task because installing a plugins means affecting the speed of 
your website.

Advertisements

2 Comments »

  1. It’s always a good idea to thoroughly check the history and profile of a website or domain. Luckily there are some good, free online tools that help with this

    Comment by domain analyser — December 26, 2008 @ 7:51 pm

  2. Hey hi..!!
    Can you plz tell me how to upload it to the root!!! I want the Favicon on my WordPress Blog..!

    Thanks a lot,
    🙂

    Comment by Ambika — January 6, 2009 @ 1:25 pm


RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Create a free website or blog at WordPress.com.

%d bloggers like this: