Как добавить иконку сайта (фавикон)

Доброго дня, друзья.

Из данной статьи вы узнаете, что такое фавикон (иконка сайта), для чего он нужен и как его добавить на сайт.

Как добавить иконку сайта (фавикон)

Иконка сайта или фавикон – это значок сайта или интернет – страницы, который отражается браузером в вкладке перед названием страницы, а также в качестве изображения вблизи с закладкой, во вкладках и в иных составляющих интерфейса.

На своем сайте я использую движок WORDPRESS и хостинг Timeweb и буду показывать как разместить баннер на сайте на своем примере.

Как добавить иконку сайта (фавикон)

Для того, чтобы добавить такую картинку необходимо перейти в консоль сайта и во вкладке «Внешний вид» зайти в «Настроить».

Как добавить иконку сайта (фавикон)

Открываем «Свойства сайта».

Как добавить иконку сайта (фавикон)

Находим раздел «Иконка сайта».

Как добавить иконку сайта (фавикон)

Картинку следует подготовить заранее. Иконка сайта должна быть квадратной и в пределах 512 пикселей по ширине и по высоте. Рекомендуется загружать картинки в формате png с прозрачным фоном, чтобы фавикон красиво отображался на вкладке браузера.

Свой фавикон я нашел в Яндекс Картинки.

Как добавить иконку сайта (фавикон)

Скачал на компьютер и перед загрузкой на сайт назвал английским словом «favicon».

Как добавить иконку сайта (фавикон)

Добавил на сайт, нажав «Выбрать изображение» и далее «Загрузить файлы».

Как добавить иконку сайта (фавикон)

Нужно нажать «Выбрать файлы».

Как добавить иконку сайта (фавикон)

Нашел на компьютере фавикон и нажал «Открыть».

Картинка загрузилась. Нажимаем «Выбрать».

Как добавить иконку сайта (фавикон)

Предлагается обрезать изображение. Это можно сделать специальными маркерами, если понадобится. Мне обрезать не понадобилось.

Нажимаем кнопку «Обрезать изображение».

Как добавить иконку сайта (фавикон)

Иконка добавилась.

Как добавить иконку сайта (фавикон)

После чего, нажимаем «Опубликовать».

Как добавить иконку сайта (фавикон)

Если вы заходите свой фавикон поменять, то это всегда можно сделать – удалить, либо нажать «Изменить изображение» и добавить другую картинку в качестве иконки.

Как добавить иконку сайта (фавикон)

Нажимаем «Опубликовать» и закрываем панель настроек.

Как добавить иконку сайта (фавикон)

Переходим на сайт. Иконка сайта установлена.

Внедряйте и получайте результат! Если есть вопросы, обязательно задайте их в комментариях к данной статье. Постараюсь на них ответить.

С уважением, Андрей.

Спасибо Вам за то, что поделились статьей в социальных сетях!
Вконтакте
Телеграм
Google
Подпишитесь на обновления блога:
Рекомендую ознакомиться с похожими статьями:
Оставлено 2 комментария
  • Михаил

    Отличная пошаговая инструкция. Я в своё время несколько месяцев назад сам лазил по настройкам и нашёл где установить это фавикон. На самом деле не стандартный способ установки, но очень простой. В вордпресс эта функция сделана на красоту.

    • admin

      Рад, что статья оказалась полезной.

Оставить свой комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *