Что такое фавикон
Фавикон (favicon) — маленькая иконка сайта, которую видно на вкладке браузера, в закладках, в выдаче Яндекса рядом с адресом и на экране телефона, если сайт добавить на главный экран. Без фавикона браузер показывает серую заглушку, и сайт выглядит недоделанным.
Что входит в набор
- favicon.ico — классический фавикон с размерами 16, 32 и 48 пикселей: его ищут браузеры и Яндекс.
- favicon-16x16.png и favicon-32x32.png — для современных браузеров.
- apple-touch-icon.png (180×180) — иконка для iPhone и iPad. Прозрачный фон в ней заливается цветом, иначе iOS сделает его черным.
- icon-192.png и icon-512.png — для Android и установки сайта как приложения.
- site.webmanifest — описание иконок и название сайта для телефонов.
- kod-dlya-sajta.html — готовые строки кода; они же показаны под превью.
Как установить фавикон на сайт
Распакуйте архив и загрузите файлы в корень сайта — туда, где лежит главная страница. Затем вставьте код из поля «Код для вставки» внутрь тега <head> на всех страницах. В WordPress и большинстве конструкторов есть отдельное поле «Иконка сайта» — туда достаточно загрузить icon-512.png.
Яндекс подхватывает новый фавикон не сразу — обычно через несколько дней или недель после переобхода сайта.