Фавикон — это картинка маленького размера, которая показывается рядом с сайтами в закладках, адресной строке, а также при поиске в некоторых поисковых системах (например, Яндекс). В этой статье мы расскажем, как изменить фавикон на своем сайте, а также объясним, как его сделать и какие онлайн-сервисы помогут в этом деле.
Слово «фавикон» (Favicon) произошло от английского словосочетания «Favourite Icon», что дословно означает «значок, предназначенный для избранного».
______________________________
Фавикон играет очень важную роль — он привлекает внимание, создает лучшее впечатление о ресурсе. Сайты с такой иконкой имеют более высокие показатели посещаемости, нежели сайты конкурентов без него.
История фавикона
Раньше фавиконы поддерживались только браузером InternetExplorer, поэтому имели формат ico и больше никакой другой. В современных реалиях дело обстоит проще, и поддерживаются многие форматы — jpg, png, gif и др.
Если коротко и ясно, то фавикон — это иконка вебсайта, его лицо. Как уже описывалось выше, используется как программами, сервисами, так и поисковиками.
Зачем вообще нужен фавикон и обязателен ли он вообще?
Без него можно обойтись, но по статистике сайт с небольшой картинкой в роли фавикона имеет лучшую посещаемость, чем сайт без иконки. Это обусловливается тем, что на изображение приятно смотреть — соответственно, и ссылку или название сайта запомнить проще. Favicon создает эффект бренда. Однако, устанавливать его лучше уже на оптимизированный поисковыми системами сайт.
Если фавикон претерпевал какие-либо изменения, то для его корректной выдачи на странице поиска должно пройти несколько недель (от одной недели до месяца).
Обычно графическое изображение составляет 16×16 пикселов, но часто встречаются фавиконы размерами 24×24, 32×32, 48×48 и 64×64 пикселей. Объясняется это тем, что посетители сайта для своего удобства отправляют ярлык страницы на рабочий стол, и логичнее будет сделать весь перечень размеров картинки. Все приведенные выше габариты размещаются в один файл Favicon на веб-сайте: именно поэтому к созданию изображения необходимо подойти с умом.
Как установить фавикон? Алгоритм действий
Создайте картинку-лицо сайта. (Воспользуйтесь приведенными ниже программами для его создания). Готовое изображение необходимо загрузить в корневой каталог сайта.
Далее в мета-тег head вставляется код:
<link rel=»shortcut icon» href=»путь к изображению» type=»image/x-icon» />
<link rel=»icon» href=»путь к изображению» type=»image/x-icon» />
Фавикон: имиджевые моменты
Если с технической стороны все ясно, то теперь стоит разобраться с имиджевой. Как уже стало понятно, Favicon — это лицо сайта, его визитная карточка, и даже несмотря на свой небольшой размер играет значительную роль. Идеально, если картинка будет иметь одинаковый дизайн с самим сайтом: это поможет пользователям лучше запомнить ресурс, да и с эстетической точки зрения вебсайт выглядит целостно.
Графическое изображение не должно быть нагружено мелкими деталями! Во-первых, в пикселях их навряд ли кто-то разглядит, во-вторых, первое правило фавикона — простота и понятность!
Стоит рационально подойти к созданию иконки сайта. Главное, как уже было сказано, чтобы фавикон совпадал и отображал тематику веб-ресурса. Однако, представим магазин бытовой техники: что поместить на изображение? Все изобилие товаров уместить будет трудно, а одинокий холодильник навряд ли в полной мере опишет ассортимент товаров. Важно найти оптимальное решение проблемы.
Одно из ключевых предназначений фавикона — ассоциация с сайтом. Благодаря ему создается определенный бренд, образ, который в дальнейшем будет проще запоминаться пользователями.
Галереи и коллекции Favicon, подборка онлайн ресурсов для его создания.
Все сервисы, приведенные ниже, абсолютно бесплатны, и вы можете воспользоваться ими при создании иконки для сайта. Их использование не представляет никакой трудности.
- FaviconGenerator — простой генератор, который поможет переделать любое изображение в таких форматах, как png, jpg, jpeg, gif в Favicon.
- AntiFavicon — в отличие от других онлайн-генераторов, на AntiFavicon можно создавать графические изображения с надписями. Для этого существуют специальные поля «Toptext» и “Bottomtext». Выбрать цвет можно во вкладке “Colors».
- FavIconfromPics — еще один из самых простых генераторов, где логотип создается путем указания директивы до картинки на своем компьютере (устройстве). Форматы окончательного преобразования — gif и ico.
- Iconj — в отличие от других онлайн сервисов, Iconj предоставляет ссылку на картинку. Созданный фавикон не обязательно скачивать на компьютер.
- DeGraeve — очень схож с Favicon.cc. Можно собственноручно нарисовать изображение, либо пользователю будет предложено загрузить изображение с устройства с последующим преобразованием оного в формат ico. Предоставляется возможность корректировать размеры готового логотипа.
- OnlineFavicon — веб-ресурс, имеющий все необходимые инструменты для создания «лица» сайта.
- FreeFaviconGenerator — генератор, обладающий свойствами всех вышеперечисленных ресурсов.
Фавикон-генератор — если перепробовали все варианты.
Что делать, если нет возможности самому создать логотип веб-сайта?
Не всегда есть время и желание заниматься созданием фавикона: в таком случае на помощь приходят онлайн-галереи с целыми коллекциями готовых логотипов. Если подумать, то подойдет любое изображение с размерами 16×16 пикселей. Множество изображений для своего ресурса можно найти на просторах интернета.
Напомним, что главная задача фавикона — привлечь внимание пользователя и дать ему лишний повод зайти именно на ваш ресурс, а не на сайт конкурента. Лучше, чтобы лицо веб-ресурса обладала уникальностью, тогда и запоминаться он будет легче, и посещений станет больше.
- Iconj — суть проекта в том, что другие люди выкладывают в сеть собственноручно созданные фавиконы, предоставляя возможность использования.
- Favicon.cc — 55 тысяч самых разнообразных картинок на любой вкус и цвет. В отличие от других онлайн коллекций, на favicon.cc имеются и анимированные логотипы (правда, поддерживаться они будут только в браузере FireFox, для остальных останутся статичной картинкой).
TheFaviconGallery — еще один ресурс-галерея.
Подведя итог, можно сказать, что Favicon — это визитная карточка сайта, его лицо, от которого часто зависит восприятие ресурса для пользователя. Сделать его не представляется сложным, и, несмотря на размеры, изображение играет важную роль, добавляя сайту завершенный вид и сохраняя целостность.