Favicon как подключить
Favicon: как подключитьFavicon - это небольшая иконка, которая отображается рядом с названием веб-страницы во вкладке браузера. Она помогает пользователю быстро идентифицировать сайт. Для добавления favicon на свой сайт, необходимо выполнить несколько простых шагов.1. Подготовка иконки
Создайте иконку размером 16x16 пикселей для старых браузеров и 32x32 пикселей для современных. Сохраните иконку в формате .ico, .png или .svg.2. Размещение иконки
Загрузите иконку на свой хостинг. Рекомендуется размещать иконку в корне сайта и назвать её favicon.ico.3. Подключение иконки
Добавьте следующий код в раздел <head> вашего сайта:<link rel="icon" type="image/x-icon" href="/путь-к-иконке/favicon.ico"/>Где /путь-к-иконке/ - путь к вашей иконке на сервере.4. Поддержка различных устройств
Для обеспечения отображения иконки на всех устройствах, добавьте следующие строки:<link rel="apple-touch-icon" sizes="180x180" href="/путь-к-иконке/apple-touch-icon.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="/путь-к-иконке/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="/путь-к-иконке/favicon-16x16.png"/>
<link rel="manifest" href="/путь-к-иконке/site.webmanifest"/>
<link rel="mask-icon" href="/путь-к-иконке/safari-pinned-tab.svg" color="#5bbad5"/>
Таким образом, вы подключите иконку к вашему сайту и обеспечите её правильное отображение на различных устройствах. Удачи!
