HTML Favicon
Favicon — это небольшое изображение, отображаемое рядом с заголовком страницы во вкладке браузера. Изображение фавиконки отображается слева от заголовка страницы на вкладке браузера, например:
Как добавить Favicon в HTML
Чтобы добавить значок на свой веб-сайт, либо сохраните изображение значка в корневом каталоге вашего веб-сервера, либо создайте папку в корневом каталоге с именем images и сохраните изображение значка в этой папке. Распространенное название изображения фавикона — «favicon.ico».
Затем добавьте элемент <link> в файл index.html после элемента <title>, например:
<head>
<title>Описание Веб Страницы</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
Поддержка Форматов Favicon
В следующей таблице показана поддержка формата файла для изображения фавикона:
| Браузер | ICO | PNG | GIF | JPEG | SVG |
|---|---|---|---|---|---|
| Edge | |||||
| Chrome | |||||
| Firefox | |||||
| Opera | |||||
| Safari |