Установка и настройка favicon для веб-сайта (Chrome, Safari, Edge)
Используйте формат `.svg` чтобы ваша иконка отображалас качествнно на всех разрешениях экрана.
Установка и настройка favicon для веб-сайта (Chrome, Safari, Edge)
Перед тем как добавить иконку на сайт, вам нужно знать:
- Сейчас браузеры поддерживают векторные иконки в формате
.svg. - Иконка, установленная для вкладки браузера, будет отображаться в поисковых системах.
- Bing не всегда обновляет иконку (необходимо обратиться в поддержку Bing).
- Есть дополнительные требования к иконкам, например, если вы хотите поддержку Safari или рабочего стола ОС.
- Иконка может быть установлена для разных тем браузера: светлой или тёмной.
Чтобы установить иконку для сайта
Вам необходимо добавить в свой HTML-файл внутри тега <head>...</head> следующий тег:
<link rel="icon" href="/icons/favicon.svg">
Если хотите установить разные иконки для разных тем:
<link rel="icon" href="/icons/favicon-dark.svg" media="(prefers-color-scheme: dark)">
<link rel="icon" href="/icons/favicon-light.svg" media="(prefers-color-scheme: light)">
Используйте формат .svg, чтобы ваша иконка качественно отображалась на всех разрешениях экрана.