Сегодняшний урок будет полностью посвящен favicon. Вы узнаете что это такое, как его создать, и как его добавить на сайт.

Многие пользователи нашего сайта задают нам вопросы по поводу favicon. В этом уроке я попробую расставить все точки над "i" :).

favicon - это маленькая иконка, которая находится слева от УРЛ
страницы. Данная иконка используется в качестве визуального
представления сайта. Сайты с favicon (особенно, если favicon красивый и
запоминающийся) легче запомнить, чем сайты без него. Кроме этого, при
добавлении сайта в закладки favicon отображается рядом с УРЛом.

favicon можно создать без помощи каких либо онлайн сервисов, используя любой графический редактор.

Но, намного легче все же пользоваться онлайн сервисами.

Первый сервис довольно прост и не требует каких-либо длинных инструкций:

1. www.favicon.ru

Все что от Вас требуется: 1) загрузить свою собственную картинку или
2) предоставить путь к картинке в сети - и сервис все остальное сделать
за Вас. После нажатия кнопки "Создать favicon.ico" Вы будете
перенаправленны на страницу, где можно будет просмотреть и скачать
полученный результат.

Кроме этого там будет находится подробная инструкция о том, как добавить favicon к Вашему сайту.

2. www.favicon.cc

Также очень интересный и простой сервис. Единственный минус - это
отсутствие русскоязычной версии. Знание английского языка не является
обязательным, так как все что от Вас требуется это:

- Выбрать цвет
- нажимая на квадратики нарисовать лого
- загрузить полученный результат (делается это с помощью кнопки - Download Favicon)
- добавить его к себе на сайт
- по желанию, можно разместить его в каталоге для общего пользования

Кстати, в этом каталоге можно выбрать из огромного количества уже готовых вариантов

Для добавления favicon на Ваш сайт необходимо загрузить его в корневую папку и на каждой странице добавить следующий код:

<link rel="shortcut icon" href="/favicon.ico">

Вот и все, что касается favicon. Создавая очередной сайт не забудьте
о создании маленькой иконки, которая будет радовать глаза Ваших
посетителей.

Всего хорошего!