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

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

22.01.2020 0 Автор admin

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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