Фавикон

Фавикон

Фавикон

favicon1

 

Фавикон (favicon) — это небольшая картинка размером 16×16 пикселей в формате ico, расположенная на сервере в корневом каталоге сайта под именем favicon.ico.

Фавикон — это своего рода маленькое лицо сайта, которое, как и логотип, делает его неповторимым и узнаваемым.

 

Эту маленькую картинку можно увидеть в браузере слева от адресной строки.

favicon
Фавикон в браузере слева от адресной строки

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

favicon
Яндекс отображает иконку в результат поиска.

В этой статье рассмотрим как сделать и установить favicon на сайт.

Для начала как найти favicon. Во-первых, Вы можете создать самостоятельно. Очень хороший сервис favicon.cc. На нём Вы прямо в онлайне создадите себе favicon.

Также Вы можете воспользоваться уже готовыми коллекциями и выбрать себе подходящий. Самый простой способ — это воспользоваться поиском и запросом: «коллекция favicon». Думаю, что уже первый сайт покажет Вам тысячи различных favicon, и Вам останется его только выбрать.

Картинку фавикон мы сделали. Теперь его надо установить на сайт.

Для этого надо добавить внутри тега <head> следующую строку:

<link href=»favicon.ico» rel=»shortcut icon» type=»image/x-icon» />

 

Желательно разместить favicon прямо в корень сайта. Если же Вы решите разместить его в другом месте, то, соответственно, следует изменить значение атрибута «href».

После обновления страницы, Вы увидите Ваш favicon рядом с адресом Вашего сайта.

Favicon может появится не сразу. Как правило, виновато кэширование браузера. Поэтому если картинка отсутствует, то попробуйте очистить кэш браузера (в настройках это должно быть). Также может помочь перезапуск браузера.

Яндекс также отображает иконку в результат поиска. У него даже есть специальный поисковый бот для их нахождения и индексации, поэтому фавикон отображается в поисковой выдаче не сразу, а через какое-то время.

Яндекс, после того как найдет ее у вас на сервере, преобразует ее в формат PNG (из графического формата ICO) и с этого момента фавикон вашего сайта будет доступен по указанному адресу.

Вам нужно будет в конце ссылки вместо URL моего блога написать свой.

В принципе, нам подойдет любая иконка размером 16 на 16 пикселей, которую вы можете скачать из сети.

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

Если у вас нет желания или возможности (вы не художник и никогда им не были), то проще всего будет попробовать скачать галерею с коллекцией фавиконок:

1.audit4web — галерея с более, чем 15000 экспонатами

2.Iconj — достаточно большая коллекция

3.Favicon.cc — 55 тысяч различных вариантов на все случаи жизни. Имеются так же анимированные фавиконы, которые, правда, будут видны только в браузере FireFox

4.Gallery — еще немного шедевров

Посмотрите видео, в котором я делаю фавикон своего сайта intercominfo.ru на вышеупомянутом сервисе.

Желаю успехов в создании уникального, красивого, запоминающегося фавикона!

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

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