+7 (812) 957-79-48   ЗАКАЗАТЬ ЗВОНОК                  info@logodiver.ru  

Favicon для сайта и логотип – в чем разница?

Favicon для сайта и логотип – в чем разница

Что такое favicon?

Favicon (фавикон, фавиконка) – маленькая иконка, которая отображается в браузере на вкладке с названием открытой страницы сайта:
фавикон фавиконка
Кроме того, она показывается в списке закладок или на панели закладок:
фавикон в броузере
Размеры иконки на экране достаточно малы – всего 16 x 16 пикселей.

Зачем нужен фавикон?

Маленькая картинка на вкладке часто запоминается лучше, чем текст на ней. Поэтому когда в браузере открыто много вкладок favicon помогает пользователю быстро найти нужную.
Но главное преимущество сайта с иконкой-фавиконом состоит в другом – она повышает посещаемость сайта! Дело в том, что поисковик Yandex отображает эти иконки в результатах поиска:
фавикон на поиске
Фавиконки в текстовой “простыне” найденных интернет-ресурсов неизбежно привлекают внимание пользователя. Специалистами по продвижению сайтов опытным путем доказано, что по ссылкам с фавиконом в Яндексе кликают чаще, чем по ссылкам без них.
Поэтому у хорошего сайта favicon должен быть обязательно.

Фавикон = логотип?

Чаще всего в качестве фавикона используют уменьшенную графическую часть логотипа:
уменьшенный логотип
Но этот способ годится далеко не всегда.

Во-первых, 16 х 16 –это очень маленький размер, и если знак достаточно сложный, то механическое его уменьшение даст неудовлетворительный результат: разобрать что-либо на иконке будет невозможно.
Во-вторых, если логотип чисто шрифтовой или знак в нем интегрирован в надпись, его не вписать в квадрат иконки.

Вот как популярные сайты решают эти проблемы:
фавиконы известных сайтов
Wikipedia вместо своего чересчур сложного знака использует первую букву названия. Так же поступает и Facebook со своим шрифтовым логотипом.
У Youtube в качестве фавикона – узнаваемая кнопка “play”, созданная по мотивам логотипа. Flickr использует два кружка в цветах своего логотипа – этот элемент можно увидеть на сайте в анимированном виде пока загружается загружается большая фотография.

Как поступаю я?

Если позволяет логотип, я использую его уменьшенную версию, перед этим радикально ее упростив, чтобы мелкие детали не испортили впечатление от иконки:
favicon-esu
fav11
fav9
fav5
fav3
Если логотип достаточно сложный – использую его узнаваемый фрагмент:
fav10
fav1
fav2
fav4
Или строю фавикон на основе первой буквы названия:
fav7
fav6
А иногда даже не использую логотип вообще:
fav8

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

Самый простой способ — отдать его разработчикам сайта. Они знают, что делать.
Некоторые системы управления сайтом позволяют загрузить фавикон в своем интерфейсе.
А в общем случае нужно разместить его в корне сайта и добавить следующие строки после тега <head> в исходном тексте страницы или шаблона:

<link rel="icon" href="http://адрес-вашего-сайта.ru/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://адрес-вашего-сайта.ru/favicon.ico" type="image/x-icon" />

И в заключение:

Если у вашей компании есть сайт, то стоит понимать, что favicon – не менее важный элемент вашего бренда, чем, скажем, визитка. Визитку вашей компании могут увидеть сотни людей, а ее фавикон – десятки тысяч. К его созданию стоит подойти со всей ответственностью.

Кстати, при заказе логотипа favicon для вашего сайта будет разработан бесплатно!


liketxt

2 комментария

  • Спасибо за вашу исчерпывающую информацию, теперь разобралась и с фавиконом и с логотипом.

  • Если у вашего сайта есть фавикон, его будет видно лучше в поисковой выдаче, чем сайты, в которых его нет, и следовательно, сможет привлечь больше посетителей.

Оставьте комментарий:

Ваш электронный адрес не будет опубликован.

Нужен логотип или фирменный стиль? Оставьте заявку