Привет, в этой статье посмотрим как добавить favicon на сайт.
Иконку которую мы добавим будет показываться в браузере при добавление страницы в закладках, примерно вот так:
HTML код добавления иконки
Для картинок с расширением .ico
<link href="/img/favicon.ico" type="image/x-icon" rel="shortcut icon">
Или можно ещё использовать другое значение атрибута type (Обе варианты работают)
<link href="/img/favicon.ico" type="image/vnd.microsoft.icon" rel="icon">
Для картинок с расширением .png
<link href="/img/favicon.png" type="image/png" rel="shortcut icon">
Для картинок с расширением .gif
<link href="/img/favicon.gif" type="image/gif" rel="shortcut icon">
Данный тэг нужно добавить в разделе
<head> </head>
Также некоторые браузеры будут использовать файл favicon.ico если найдут его в корневой папке вашего сайта, то есть без правописания HTML тэга.
Размеры вашего favicon
В большинство популярных браузеров иконки сайтов имеют размеры 16×16 пикселей.
Данная иконка будет показываться и в поисковике Яндекс
И ещё стоит отметить что браузеры часто кэшируют картинку. Поэтому при добавлений она может не сразу появиться. Поэтому лучше всего проверьте в другой браузер при смены/добавления favicon. Или можно нажать CTRL + F5.
Успехов!