Что такое фавикон
Фавикон (favicon) — маленький значок сайта во вкладке браузера, закладках, истории и результатах поиска Google на мобильных. Он помогает быстро найти нужную вкладку и добавляет сайту узнаваемости и доверия. Сайт без фавикона выглядит незавершённым, а браузер всё равно запросит файл /favicon.ico и получит ошибку 404.
Какие файлы создаёт генератор
- favicon.ico — классический значок, в котором сразу три размера: 16, 32 и 48 пикселей.
- favicon-16x16.png и favicon-32x32.png — PNG для вкладки браузера, в том числе на экранах Retina.
- apple-touch-icon.png — значок 180×180 для iPhone, iPad и Safari.
- android-chrome-192x192.png и 512x512 — значки для Android, PWA и ярлыков на главном экране.
- site.webmanifest — манифест, подключающий значки Android и PWA.
Как подключить фавикон к сайту
- Скачайте ZIP-архив и распакуйте его.
- Положите все файлы в корень сайта, чтобы
favicon.icoоткрывался по адресу/favicon.ico. - Вставьте сгенерированный код между тегами
<head>на каждой странице или в шаблон сайта. - Обновите страницу с очисткой кэша: браузеры держат старый значок очень долго.
В WordPress значок можно также задать в настройках темы (Внешний вид → Настроить → Свойства сайта), а Google будет показывать его в поиске, когда переобойдёт сайт.
Советы, чтобы значок выглядел хорошо
Фавикон и поиск Google
Google показывает фавикон рядом с результатом в мобильной выдаче. Требования такие: файл должен быть доступен боту, квадратным, не меньше 8×8 и лучше кратным 48 пикселям, а адрес значка не должен постоянно меняться. Проверьте, что страница, на которой задан значок, не закрыта в robots.txt, а HTML-код страницы корректен в симуляторе робота.
Ограничения генератора
Генератор создаёт ICO из PNG-изображений трёх размеров, а анимированные и векторные значки (SVG-фавикон) не поддерживает. Если нужен сложный значок с прозрачностью и тенями, подготовьте его в графическом редакторе и загрузите как картинку.
Что ещё умеет StayIndexed
Эта страница — бесплатный инструмент сервиса StayIndexed. В кабинете можно сохранить список сайтов и следить за их индексацией, скоростью, ссылками и техническим состоянием, а основное дело сервиса — следить, как ваши страницы чувствуют себя в Google.
Сколько это стоит
Проверка бесплатна: и на этой странице, и в кабинете. Токенами оплачиваются другие услуги: индексация, скорость и обратные ссылки — по 3 токена за проверку. При регистрации начисляется 30 токенов, без карты.
Частые вопросы
Как создать фавикон для сайта?
Введите букву или эмодзи или загрузите картинку, выберите цвет и форму, а затем скачайте ZIP со всеми файлами и вставьте сгенерированный код в head сайта.
Какого размера должен быть фавикон?
Базовые размеры — 16×16 и 32×32 пикселя для вкладки, 180×180 для iOS и 192×192 и 512×512 для Android. Генератор создаёт все эти размеры и собирает favicon.ico из трёх: 16, 32 и 48.
Почему фавикон не меняется после замены?
Браузеры долго хранят старый значок в кэше. Откройте сайт в приватном окне или очистите кэш, а в теге link иногда помогает добавить параметр версии, например favicon.ico?v=2.
Нужен ли favicon.ico, если есть PNG?
Да, желательно. Некоторые браузеры, RSS-ридеры и сервисы до сих пор запрашивают именно /favicon.ico, а без него получают ошибку 404.
Можно ли сделать фавикон из эмодзи?
Да: введите эмодзи в соответствующее поле, и мы нарисуем его на выбранном фоне. Вид эмодзи зависит от вашей системы, поэтому смотрите на предварительный просмотр.
Сколько стоит генератор фавикона?
Ничего: генератор бесплатен и на этой странице, и в кабинете StayIndexed, а картинка не покидает ваш браузер.