include a favicon.ico on your web page

How do I include a favicon.ico on my web page
kathyedesignAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

myhcCommented:
Simply put this small code inside <head></head> : <link rel="shortcut icon" href="http://www.example.com/favicon.ico" />

However you may replace http://www.example.com/favicon.ico with http://www.example.com/example/images/favicon.ico 
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
myhcCommented:
you might need this if you want to create the correct file.

http://www.telegraphics.com.au/sw/
0
DaydreamsCommented:
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:

http://www.golivein24.com/tips/favicon/


You can create your favicon online easily here:

http://www.chami.com/html-kit/services/favicon/

Browse to your source image and then click "generate favicon". Then there will be an option to download it.
0
Cloud Class® Course: CompTIA Cloud+

The CompTIA Cloud+ Basic training course will teach you about cloud concepts and models, data storage, networking, and network infrastructure.

eszaqCommented:
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="http://example.com/myicon.png">

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)

http://www.w3.org/2005/10/howto-favicon




0
DaydreamsCommented:
If you do use another type of file (ie GIF) make sure it is 16 x 16 image (it can even be animated!)
0
DaydreamsCommented:
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.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.