Как установить иконку на сайт?

Добавляем иконку favicon

Иконку  добавить совсем несложно. Давайте разбираться. Этой статьёй я начинаю серию уроков технической помощи для моих партнёров. Чуть позже для этого будет отдельная рубрика!

Для тех кто не знает, что такое иконка фавикон :

favicon.ico — это небольшая картинка в специальном формате, которая отображается рядом с URL – адресом Вашего сайта в адресной строке браузера и рядом с названием  Вашего сайта в «Избранном» или в «Закладках» вместо стандартной, общей для всех иконки.


Для чего нужна иконка favicon? Этот элемент дизайна предназначен для создания уникального отображения сайта или блога в строке поиска. Иконка облегчает поиск нужного сайта в Ваших закладках. Наверняка, Вы не раз замечали, заходя в закладки, что ищете сайт не по его имени, которое теряется на фоне других закладок, а по уникальному значку – иконке для сайта. Так вот, это и есть favicon.ico. В поисковиках сайт будет отображаться с той иконкой, которую  Вы  для  него установите.

Иконку можно создать самому в графическом редакторе  PhotoShop. Создаём  файл 16 x 16 px или 48х48 пикселей  при разрешении 72 dpi.  Рисуем и сохраняем в  *.jpg или  в *.gif. Ещё проще – выбрать её из предложенных в интернете. Подойдёт любое изображение или фотография, которые не защищены авторскими правами. Иконку добавить можно с этого бесплатного ресурса

Установить иконку на сайт или блог можно в такой последовательности:

1. Создать либо скачать из интернета подходящую картинку.

2. Перейти на страницу сервиса favicon.ru (на этом сервисе иконку можно перевести в формат *.ico)

3. Закачать  картинку, кликнув «Обзор» и жмите «Сreate favicon.ico» (нижнее окно оставьте незаполненным).

4. После генерации Вам будет предложено скачать  иконку. Нажмите «Download» и сохраните favicon на своём компьютере.

5. Далее загрузить favicon на своем web-сервере в папку «public_html» (для WordPress и большинства других).

6. Теперь Вам необходимо  отредактировать header.php (заголовок) Вашего блога. На администраторской панели откройте панель редактора, найдите файл header.php, используемой Вами темы, и добавьте следующий код в любом месте между тэгами <head> и </head> :

<link rel=»shortcut icon» href=»http://www. вашсайт/favicon.ico»>

«Вашсайт»— Ваш домен (название сайта).

7. Сохраните Ваш файл header.php


8. Обновите Ваш браузер нажатием комбинации клавиш Ctrl+F5. Если ничего не изменилось, перезагрузите Ваш  браузер. Если это не помогает, то перезагрузите компьютер . Теперь Вы должны увидеть  иконку рядом с Вашим URL – адресом. Иногда она проявляется не сразу, а спустя несколько минут.

Hаслаждайтесь результатом!   Будут вопросы  —  задавайте. Oперативно отвечу на Ваш комментарий! 


Игорь Щепетов

Спасибо за добавление статьи в:

Как установить иконку на сайт?: 1 комментарий

Добавить комментарий

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