Favicon

Что это?

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

Почему это важно?

Технические требования:

Быстрая настройка за 5 минут:

  1. Создайте иконку
    Упростите ваш логотип до минималистичной версии.
    Проверьте читаемость в размере 16×16 пикселей.
  2. Сгенерируйте файлы
    Используйте RealFaviconGenerator — сервис создаст все необходимые форматы автоматически.
  3. Разместите на сайте
    <!-- Добавьте в <head> -->
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
  4. Проверьте работу
    Откройте сайт в разных браузерах. Проверьте отображение на мобильных устройствах. Убедитесь, что иконка видна в тёмной теме.

Частые ошибки:

Результат:

Без favicon: █████ [Сайт]
С favicon: 🛒 [Сайт]

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