Tab Icons

As browsers have developed viewers gained the ability to open multiple tabs within a window. As a viewer scans the tabs so stand out, while others seem to fade away. One way to distinguish a website is to add the company or organization logo to the tab and address bar.These icons are commonly called favicon. This can be done fairly easy by going through a few step to get the right picture file and inserting one line of code.


Steps to adding a Favicon.


1. Develop or locate a picture/ logo that would be displayed in the address bar and tab on browsers. The extension of this file can be .gif or .bmp, the size of this picture should be 16 pixel by 16 pixel. If the picture is not this size it may be ignored by browsers.

2. Convert the picture into a Windows .ico (Icon Extension) file. You cannot simply change the extension you must have a program to format the picture correctly. There are several sites that can help you with this.

3. Upload the .ico file into the root directory of your web page. It cannot be located in any other folder, the code can only access this file directly from the root file.

4. Once the file has been uploaded, add a simple one line code in between the tags.



As you may notice you have to actually put the name of your website. This tells the browser
where to find it. If you simply put /favicon.ico it will not properly work.

By adding an icon to your address bars and tabs it helps to set your website apart from others, as
well as taking away the standard tab icon (which is a blank page). It provides a professional and finished looking web page that will attracts visitors and add to

0 Responses to “Tab Icons”:

Leave a comment