Favicon

What is a favicon? 

A favicon (fav-i-con, short for favorites icon), is an icon associated with a particular website or webpage. A favicon is displayed in the adderss bar of the website and is also known as website icon. Favicon is a unique representation of the web site or the organization's logo, hence making the end user to easly identify the web URL in the bookmark list and tabbed documented interface. Favicon was first introduced as a Shortcut Icon by Microsoft for Internet Explorer 5 and is now a prominent fixture of web browsers such as Mozilla and Netscape. 

Where can i see my favicon?


Browsers that support favicon display them in (1) the browser's URL bar, (2) next to the site's name in lists of bookmarks, and (3) next to the page's title in a tabbed document interface.

The Windows operating system is capable of displaying favicon in Internet shortcuts placed on the desktop and elsewhere in the file system. 


I want to create my own favicon.

 Follow these steps to create your own favicon:
  • Create a 16x16 color (16 colors) graphic that will represents your website. It could be company logo or a entirely new graphic that will represent your orginization. (In order to create the icon you may need to download a program that will allow you to create your graphic in the .ico format. You can use a free graphic tool like Irfan view to create your graphic).

  • Save it as favicon.ico and place it on your root directory where you have installed your index page (If you are using firefox you can use free FTP client, FireFTP to upload your files from your browser).

  • Use ASCII text editor (Notepad on Windows) and open the html file. Copy and paste the code below, just below the (head)
    (link rel="icon" href=http://yourwebsite.com/favicon.ico" type="image/x-icon")
    (link rel="shortcut icon" href="http://yourwebsite.com/favicon.ico" type="image/x-icon")
    For example...
    (head) 
    (link rel="icon" href=http://www.whatisafavicon.com/favicon.ico" type="image/x-icon") 
    (link rel="shortcut icon" href="http://www.whatisafavicon.com/favicon.ico" type="image/x-icon") (/head) 
    Note: Replace '(' by '<' and ')' by '>'  in the above code.
  • Delete all the cookies and temp files and restart the browser.
I want to order a customized favicon for my website 

Write to us (info@gserve.in) with your website url and we will send you a questionnaire form and quote. The Questionnaire will help our Creative Team in understanding your organization. We will present multiple images for your review wth 2 business days. You will have the opportunity to request changes before the final favicon pack is sent to you. It will take us 4 business days to deliver the final Favicon Pack.

Download sample yourcompany.zip

(The final favicon pack will be sent to you via email. This is a sample package, how you will receive your own customized favicon)

Comments