Favicon: что это такое?

Favicon (от англ. favorite icon — иконка избранного) — это маленький значок, который отображается рядом с названием сайта во вкладке браузера, в закладках, при сохранении страницы и даже в результатах поиска. Обычно он представляет собой упрощённую версию логотипа или символ, ассоциирующийся с брендом: буква, эмблема, стилизованная графика. Это визуальный якорь, который делает ваш сайт узнаваемым даже в крошечном формате.

Зачем нужен favicon?

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

1. Улучшает навигацию

Пользователь, работающий с десятком вкладок, мгновенно находит ваш сайт по иконке, особенно если она контрастная и запоминающаяся.

2. Укрепляет бренд

Даже в размере 16×16 пикселей favicon напоминает, вы здесь. Это тонкий, но постоянный контакт с аудиторией.

3. Повышает доверие

Сайты без favicon часто выглядят незавершёнными, временными или даже подозрительными.

4. Поддерживает профессиональный имидж

Как опрятная одежда на встрече, favicon говорит, что бренд заботится о деталях.

5. Работает в поиске и закладках

Некоторые браузеры и поисковые системы показывают favicon в результатах выдачи, это привлекает внимание и повышает CTR

Каким должен быть хороший favicon?

• Простым и читаемым: в 16 пикселей сложные детали превращаются в кашу. Лучше одна форма, чёткие линии, минимум элементов
• Узнаваемым без фона: используйте прозрачный фон или круглую/квадратную рамку, так иконка будет смотреться одинаково везде
• Соответствующим бренду: цвета, стиль, настроение должны быть в гармонии с основным логотипом и сайтом
• В нескольких размерах: современные браузеры и устройства используют favicon разных разрешений: 16×16, 32×32, 192×192 (для Android), 180×180 (для iOS)

Favicon это как подпись под письмом: маленькая, но обязательная. Он не продаст товар и не убедит в ценности предложения, но он сделает ваш сайт завершённым, узнаваемым и своим даже среди сотен других вкладок.