Как создать favicon для сайта самостоятельно?

Фавикон делается в три шага: нарисуйте простой квадратный значок в высоком разрешении, например 512х512 пикселей, загрузите его в бесплатный генератор вроде favicon.io или realfavicongenerator.net - он сам нарежет картинку под нужные размеры и форматы, - а затем подключите готовый набор файлов на сайте одной строкой кода в head страницы.

Для самого значка не нужен дизайнер: подойдёт первая буква названия компании на однотонном фоне, простой символ или упрощённая версия логотипа без мелких деталей - на 16х16 пикселях, а именно так фавикон видно в вкладке браузера, мелкие элементы всё равно сольются в кашу. Нарисовать такой значок можно в Canva или даже в Figma за десять минут.

Генератор отдаёт архив с файлом favicon.ico и несколькими PNG под разные устройства - обычно 16х16, 32х32 и 180х180 для иконки на экране айфона. Эти файлы нужно загрузить в корневую папку сайта, а в html-коде каждой страницы, внутри тега head, прописать несколько строк вида link rel="icon" href="favicon.ico" - готовый код сайт-генератор тоже выдаёт сам, останется вставить его в шаблон.

Если сайт собран на конструкторе вроде Tilda или на WordPress, отдельный код чаще всего не нужен: ищите в настройках сайта пункт "Иконка сайта" или Site Icon и просто загружайте туда готовую картинку 512х512 - платформа сама сделает остальное. После загрузки фавикон иногда не обновляется из-за кэша браузера: если новая иконка не появилась сразу, откройте сайт в режиме инкогнито или очистите кэш вкладки.