— — —
Записки
17.03.2018
Как правильно добавить фавикон на сайт
"Фавиконка - это такая штучка (маленькая картинка), которая находится наверху в адресной строке браузера и в закладках и т. д. Фавикон служит для лучшей узнаваемости Вашего сайта пользователями, а также для красоты." (НЕ Википедия).Для начала подготовьте квадратную картинку с минимальными размерами 260x260, больше можно, меньше не желательно, для достижения оптимальных результатов. Формат изображения роли не играет (PNG, JPG, SVG...), но лучше брать PNG и фон обязательно сделайте прозрачным.
Далее Вы можете с генерировать необходимые файлы самостоятельно, если желаете и умеете, или воспользоваться проверенным сайтом: realfavicongenerator.net.
И так, заходим на сайт и нажимаем на эту синюю кнопку.
В открывшемся окне выбираем файл с картинкой и дальше самое главное. Внимательно рассматриваем, как будет выглядеть Ваша иконка в разных браузерах и мобильных системах. Цвет фона, размер картинки, при необходимости, нужно сразу изменить встроенными инструментами для лучшей красоты.
После того, как Вы всё отредактировали нажимаем синюю кнопку снизу страницы.
Опять нажимаем синюю кнопку и скачиваем архив с Вашими фавиконами.
Извлеките этот пакет в корень Вашего сайта.
Вставьте с генерированный код на страницы или в шаблон Вашего сайта между тегами <head> и </head>.
Будьте внимательны, если между тегами <head> и </head> у вас была старая запись о favicon, то удалите её и не забудьте так же удалить старый фовикон (как правило это файл favicon.ico) из корня сайта.
Вот и всё. Для проверки корректной установки фавикона на Ваш сайт воспользуйтесь онлайн-инструментом на главной странице этого же сайта realfavicongenerator.net.
