Самый простой способ добавить фавиконку на сайт — поместить файл
favicon.ico в корень. Старый и железобетонный способ, который работает везде.Многие пользуются генераторами фавиконок. Потому что нужны файлы для разных сценариев и проще закинуть генератору исходник и получить готовый результат, чем делать всё руками.
Проблема генераторов в том, что они отдают архив с десятком фавиконок в разных форматах и размерах, а также полотно кода, который нужно вставить в
<head> для подключения. Это избыточно. Сегодня достаточно трёх файлов:-
/favicon.ico-
/icon.svg-
/apple-touch-icon.pngЕсли сайт должен устанавливаться и работать как PWA, то к этому нужно добавить ещё четыре файла:
-
/manifest.webmanifest-
/icon-192.png-
/icon-mask.png-
/icon-512.pngВ статье от Злых Марсиан подробно объясняется, какие файлы использовать, как их подготовить и подключить к странице. Статья обновляется ежегодно, поэтому рекомендую периодически к ней возвращаться.
Не тащите в проекты гору устаревших фавиконок и не захламляйте
<head> лишними ссылками на эти файлы.#html
