Как добавить иконку сайта (фавикон)
Доброго дня, друзья.
Из данной статьи вы узнаете, что такое фавикон (иконка сайта), для чего он нужен и как его добавить на сайт.
Иконка сайта или фавикон – это значок сайта или интернет – страницы, который отражается браузером в вкладке перед названием страницы, а также в качестве изображения вблизи с закладкой, во вкладках и в иных составляющих интерфейса.
На своем сайте я использую движок WORDPRESS и хостинг Timeweb и буду показывать как разместить баннер на сайте на своем примере.
Для того, чтобы добавить такую картинку необходимо перейти в консоль сайта и во вкладке «Внешний вид» зайти в «Настроить».
Открываем «Свойства сайта».
Находим раздел «Иконка сайта».
Картинку следует подготовить заранее. Иконка сайта должна быть квадратной и в пределах 512 пикселей по ширине и по высоте. Рекомендуется загружать картинки в формате png с прозрачным фоном, чтобы фавикон красиво отображался на вкладке браузера.
Свой фавикон я нашел в Яндекс Картинки.
Скачал на компьютер и перед загрузкой на сайт назвал английским словом «favicon».
Добавил на сайт, нажав «Выбрать изображение» и далее «Загрузить файлы».
Нужно нажать «Выбрать файлы».
Нашел на компьютере фавикон и нажал «Открыть».
Картинка загрузилась. Нажимаем «Выбрать».
Предлагается обрезать изображение. Это можно сделать специальными маркерами, если понадобится. Мне обрезать не понадобилось.
Нажимаем кнопку «Обрезать изображение».
Иконка добавилась.
После чего, нажимаем «Опубликовать».
Если вы заходите свой фавикон поменять, то это всегда можно сделать – удалить, либо нажать «Изменить изображение» и добавить другую картинку в качестве иконки.
Нажимаем «Опубликовать» и закрываем панель настроек.
Переходим на сайт. Иконка сайта установлена.
Внедряйте и получайте результат! Если есть вопросы, обязательно задайте их в комментариях к данной статье. Постараюсь на них ответить.
С уважением, Андрей.
Отличная пошаговая инструкция. Я в своё время несколько месяцев назад сам лазил по настройкам и нашёл где установить это фавикон. На самом деле не стандартный способ установки, но очень простой. В вордпресс эта функция сделана на красоту.
Рад, что статья оказалась полезной.