include a favicon.ico on your web page

kathyedesign used Ask the Experts™
How do I include a favicon.ico on my web page
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Simply put this small code inside <head></head> : <link rel="shortcut icon" href="" />

However you may replace with 

you might need this if you want to create the correct file.
Hi kathyedesign,

A favicon is a 16x16 pixel image file named favicon.ico. Make sure your favicon is located in the root directory. Place this in the <head> of your document:

<link rel="shortcut icon" href="favicon.ico">

Here is a detailed tutorial on how to create and upload your favicon in Photoshop:

You can create your favicon online easily here:

Browse to your source image and then click "generate favicon". Then there will be an option to download it.
Introduction to R

R is considered the predominant language for data scientist and statisticians. Learn how to use R for your own data science projects.

To add to all above. Favorite icon does not necessarily have to be in .ICO format. It can be .PNG image (in fact this is web standard), or even .GIF

<link rel="icon" type="image/png" href="">

If you do not use the tag above, some browsers automatically check for existence of favicon.ico file under web site root (btw, generating 404 error if file is not there)

If you do use another type of file (ie GIF) make sure it is 16 x 16 image (it can even be animated!)
I believe there should be a split as I provided a way to create a favicon, which is an important step in including one on a web page.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial