live chat software for live support and live help Online chat software for website

Live chat software

Browser based operator console
Articles

Webtools > Web design tools > How to include Favicon on your wesite?

How to include Favicon on your wesite?

What is a favicon?
Favicon (pronounced fav-eye-con) is short for 'Favorites Icon.' A Favicon is a multi-resolution image included on nearly all professional developed sites. Within Internet Explorer the Favicon is displayed on the Address line and in the Favorites menu. The Favicon allows the webmaster to further promote their site, and to create a more customized appearance within a visitor's browser. Often, the Favicon reflects the look and feel of the web site or the organization's logo.

How to create a Favicon Icon?
Create a 16 pixel wide by 16 pixel high favicon.bmp file in a Program like MS-Paint, Adobe Photoshop, or Jasc's Paint Shop Pro, then use a program (such as the free IrFanView app ) to reduce the colors to 16 colors , and then 'save as...' to a Windows Icon Format (favicon.ico).

How to include favicon on your web pages?
Upload the image (favicon.ico) with FTP to the root section of your web site. The root section is the main file area, where you would store the index.shtml file for your main page ( http://www.davesite.com/ would be the root, http://www.davesite.com/webstation/ would not be root).

This file, placed properly, will load as the default for your entire domain.

You can add customized links for sub-folders by using this code in the <head> section of your web page coding:

<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/yourdir/favicon.ico">


Example: We place a new favicon.ico in http://www.davesite.com/webstation/html/ ... then link to it with:


<link REL="SHORTCUT ICON" HREF="http://www.davesite.com/webstation/html/favicon.ico">


The pages with the Favorite code load our special icon, everything else on the site loads our ROOT Favorite Icon.

 

Tag : Favicon

 

WebTools Categories

Network Tools

Search engine tools

Web site tools

PHP resources

ASP tools and resources

Web design tools

JavaScript tutorials

CSS tutorials

Linux resources

Windows Resources

eCommerce Tools

Free Web Templates

MySql Resources

 

Popular Web Tools

MX lookup
WHOIS lookup
PTR Checker
IP Block Cheacker
IP to Location
Port Checker
Word Count
Character Count
XML sitemap creator
Age Calculator
Google Page rank
w3c validator