Идеальный фавикон для сайта — какой он?

Фавикон для сайта – это просто иконка, которая выводится в открытой вкладке браузера. Собственно, изначально это и было прямым назначением этого значка. Но теперь он стал показываться и в поисковой выдаче Яндекса, привлекая внимание пользователей.

Что такое фавикон и каким он должен быть?

Это слово происходит от английского «favorite icon», то есть главное изображение всего сайта, по сути – его логотип. Отображаясь в браузере и в поиске, этот значок служит как бы визитной карточкой сайта и использовать в качестве него логотип вполне разумно – он постепенно ассоциируется с сайтом на подсознательном уровне и ресурс становится узнаваемым.

Фавикон для сайта выводится в поиске

Иконка фавикона изначально использовалась в формате ico и только определённого размера. Сейчас с этим гораздо проще – можно применять форматы png, в том числе с прозрачностью, и векторный формат svg. Допускается применение форматов jpeg и gif, но такие фавиконки поддерживают не все браузеры, поэтому лучше ими не пользоваться.

Идеальный фавикон для сайта должен иметь и определённые размеры. Обычно используется целый набор одинаковых иконок разного размера для отображения их на разных устройствах. Так, для компьютерных браузеров полезно иметь иконки со стороной в 16, 32 и 48 пикселей. Для мобильных устройств на базе Андроида набор больше, так как разрешение экранов сильно отличается – 36, 48, 72, 96, 144 и 192 пиксела. Для смартфонов iPhone с экранами Ретина и обычных размеры фавикона тоже бывают разными – 57, 60, 72, 76, 144, 120, 152, 180 пикселей.

На самом деле, конечно, все эти размеры использовать нет смысла. Достаточно создать несколько фавиконов из указанного диапазона размеров, но со стороной 16 пикселей должен иметься обязательно – это общепринятый стандарт. Такая иконка будет отображаться, даже если других на сайте не имеется. Её рекомендует использовать и Яндекс.

Как создать свой идеальный фавикон для сайта

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

  • Иконка должна гармонировать с общим дизайном, иметь соответствующий цвет, ассоциироваться с сайтом.
  • Изображение на фавиконе должно соответствовать общей тематике сайта. То есть, если это кулинарный сайт, то изображение автомобиля явно будет неуместным.
  • Изучите фавикону других подобных сайтов, отберите самые лучшие и привлекательные и попробуйте использовать такую идею у себя.

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

Сервисы для создания фавикона

Рекомендуется использовать фавиконку в формате ico, как наиболее совместимом. Конечно, если ваш сайт позволяет в настройках загрузить любое изображение и сам генерирует все необходимые иконки, с созданием фавикона у вас нет проблем. Но так бывает не всегда, и тогда помогут некоторые сервисы:

  • PR-CY.ru – генерирует иконку из загруженного изображения.
  • Favicon.cc – здесь есть простейший редактор, в котором можно просто нарисовать свою иконку. Можно и загрузить какую-нибудь картинку и сгенерировать фавикон из неё.

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

Если же вы не можете этого сделать и что-то не получается, вы всегда можете обратиться к нам. Мы поможем вам создать идеальный фавикон для сайта или подключить готовый. Кстати, когда мы создаём сайт, подключение фавикона уже входит в комплекс работ.

Оставьте свои контакты

Мы перезвоним и обсудим Ваш вопрос

Получите скидку 5 000 руб. + бонусы«Пройти тест»Вам доступны бонусы и скидка