HTML set image on browser tab

HtmlCssFavicon

Html Problem Overview


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

Html Solutions


Solution 1 - Html

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.

Solution 2 - Html

<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/

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionozsenegalView Question on Stackoverflow
Solution 1 - HtmlCory PetoskyView Answer on Stackoverflow
Solution 2 - HtmlmathewsunView Answer on Stackoverflow