Goal
- Improve the visual identification of the site and its pages.
- Facilitate identification in the browser and the favorites or bookmarks.
- Enable all browsers to display, call and, potentially, memorize the favicon.
Implementation
Depending on the format chosen for the icon and its position, use a link of type:
- <link rel="icon" type="image/png" href="/img/favicon.png"/> (png format, but also jpg, gif, etc.);
- <link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" /> (Microsoft ico format only recognised by Internet Explorer).
Control
In the source code of each page checked:
- With the help of a web development tool or a code inspector, check that the
link rel
element is in thehead
page header; - Check that the syntax is of the form:
<link rel="icon" type="image/png" href="/img/favicon.png"/> for png format, also jpg, gif, etc.;
ou <link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" /> for the Microsoft ico format.