HTML set image on browser tab [duplicate]

49
votes

How do I set a little icon next to the website title on tabs in the web browser?

2
htmlcssfavicon
How can this be marked as duplicate if it preceded "How to add a browser tab icon (favicon) for a website" by almost a year? – Dov Miller

2 Answers

97
votes

It's called a Favicon, have a read.

<link rel="shortcut icon" href="http://www.example.com/myicon.ico"/>

You can use this neat tool to generate cross-browser compatible Favicons.

7
votes
<link rel="SHORTCUT ICON" href="favicon.ico" type="image/x-icon" />
<link rel="ICON" href="favicon.ico" type="image/ico" />

Excellent tool for cross-browser favicon - http://www.convertico.com/