Сегодняшний урок будет полностью посвящен 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. Создавая очередной сайт не забудьте о создании маленькой иконки, которая будет радовать глаза Ваших посетителей.
Всего хорошего!