Найти тему

Что такое фавикон (favicon)?

Продолжая разговор о базовых понятиях, сегодня углубимся в тему "Фавикон", вы узнаете:

  1. Что это такое?
  2. Какие бывают фавиконы?
  3. Лайфхаки по использованию

Фавикон — это иконка, размером 16х16 пикселей с логотипом сайта или другим изображением, которая отображается во вкладке браузера и в закладках перед названием страницы, а также при выдаче в поисковиках.

Пример фавикона
Пример фавикона

Это небольшая, но очень важна деталь, которая должна выделяться на фоне остальных открытых вкладок.

Именно фавикон является тем мостиком, который заставит пользователя быстро вспомнить, что за закладка у него осталась "на потом" и вернуться на сайт.

А теперь лайфхак, как выделиться на фоне остальных фавиконов.

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

– когда человек ушел с сайта, но оставил вкладку с сайтом открытой, можно отображать анимацию сирены, гонга или любого другого элемента, привлекающего внимание.

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

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

Подписывайтесь на мой канал и ставьте лайк статье, если вам понравилось, это очень поможет в развитии канала.