Инструкция
1
Выберите картинку для будущей пиктограммы. В идеале она должна быть максимально схематичной, с минимумом деталей (не забудьте о крошечном размере иконки). В любом графическом редакторе обрежьте и уменьшите файл с картинкой до размеров 16 на 16 или 32 на 32 пикселя.
2
Откройте один из онлайн-генераторов favicon – например, favicon.ru или favicon.cc. Загрузите в него свою картинку и скачайте готовую иконку. Можно также скачать на свой компьютер программу-генератор – например, Icon Magic, Icon Craft, «Студия иконок» и тому подобные приложения. Обратите внимание, что вновь созданный файл должен называться именно favicon.ico – без каких-либо дополнений, цифр и так далее.
3
Зайдите в панель управления своего сайта. Перейдите в корневой каталог сайта. На сайтах ucoz путь будет выглядеть так: вкладка Общее/Главная страница/Файловый менеджер. На сайтах «Вордпресс» нужная папка называется public_html. Для "Joomla!" CMS-каталог по умолчанию – папка images. На какой бы платформе ни располагался ваш сайт, корневым каталогом для него является тот, в котором хранятся файлы favicon.ico и robots.txt.
4
Замените файл favicon.ico в корневом каталоге на новый созданный вами. Для этого удалите старый файл и загрузите новый. В некоторых файловых менеджерах файл с таким же названием автоматически заменяет старый. Проверьте смену иконки, открыв свой сайт в новой вкладке.
5
После замены файла браузеры будут отображать новую иконку. Однако если для вас важно отображение иконки в выдаче поисковиков, можно перестраховаться. Для этого укажите специальному роботу «Яндекса» путь к вновь созданному файлу favicon. В html-коде страниц своего сайта необходимо прописать следующий код (без пробелов) < link rel="shortcut icon" href="https://www.kakprosto.ru/favicon.ico" type="image/x-icon" > или < link rel="icon" href="https://www.kakprosto.ru/favicon.ico" type="image/x-icon" >. Данный код прописывается между тегами < head > и < /head >.
6
Если после замены файла favicon.ico браузер по-прежнему отображает старую иконку (обычно это предустановленная иконка платформы), попробуйте почистить кэш браузера. Или просто откройте сайт через другой браузер.