Что такое Favicon?

Favicon (от англ. favorites icon — «иконка для избранного») — это маленькая картинка (иконка), которая отображается рядом с названием вашего сайта в браузере.
Где его можно увидеть:

На вкладке браузера (слева от названия страницы) — это самое заметное место.
В закладках/избранном браузера.
В истории посещений.
На главном экране смартфона, когда сайт добавляют как веб-приложение.
В поисковой выдаче (рядом с URL) — поддерживается не всеми браузерами.

Это визитная карточка вашего бренда в интерфейсе пользователя. Без favicon вкладка выглядит пустой или отображается стандартная иконка, что создает впечатление незавершенного или ненадежного сайта.
2. Для чего нужен Favicon?

Узнаваемость бренда: Позволяет пользователю быстро визуально найти вашу вкладку среди десятков других.
Профессионализм: Наличие favicon — признак внимания к деталям и качественной проработки сайта.
Улучшение пользовательского опыта (UX): Облегчает навигацию.
Повышение доверия: Сайт с иконкой выглядит более солидно и законченно.
Для мобильных устройств: Является главной иконкой при сохранении сайта на домашний экран.

3. Как установить Favicon на сайт (например, infinitumomniverse.ru)
Вам нужно выполнить два ключевых шага: подготовить файл(ы) и добавить код на сайт.
Шаг 1: Подготовка файла

Создайте квадратное изображение. Рекомендуемый размер — 512x512 пикселей (исходник). Это основа, из которой будут генерироваться все остальные форматы.
Конвертируйте в нужные форматы. Современный подход требует нескольких файлов:

.ico (формат для старых браузеров, обычно 32x32 или 16x16).
.png (основной современный формат, лучше 180x180 для Apple Touch Icon).

Используйте генераторы (самый простой способ):

Зайдите на сайт-генератор, например, RealFaviconGenerator.
Загрузите свое изображение 512x512.
Сервис автоматически создаст весь пакет файлов (ico, png разных размеров для разных устройств) и даст вам готовый HTML-код.
Скачайте пакет файлов.

Шаг 2: Добавление на сайт (на примере WordPress)
Способ A: Через админ-панель WordPress (самый простой для вашего сайта)

Войдите в админку infinitumomniverse.ru/wp-admin.
Перейдите в «Внешний вид» → «Настройки» (или иногда «Внешний вид» → «Настроить» → «Сайт»).
Найдите раздел «Иконка сайта» (Site Icon).
Загрузите ваш основой PNG-файл (рекомендуется 512x512). WordPress сам создаст все необходимые размеры.
Сохраните изменения. Готово!

Способ B: Ручное размещение файлов и кода (универсальный)

Загрузите все сгенерированные файлы (favicon.ico, apple-touch-icon.png и др.) в корневую директорию вашего сайта (туда же, где лежит index.php или wp-config.php). Обычно это можно сделать через FTP или файловый менеджер хостинга.
Вставьте HTML-код, который вам предоставил генератор, в секцию <head> вашего сайта. Для WordPress это обычно делается:

Через редактор темы: «Внешний вид» → «Редактор тем» → файл header.php.
Лучше и безопаснее: С помощью плагина для вставки кода в head/footer (например, «Header and Footer Scripts»).

Пример современного кода (упрощенный):
html
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <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="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">

Нужна консультация? Заполните форму и мы подберем решения для вашего бизнеса.