F
Favicon.pub

Проверка Favicon

Проверьте конфигурацию Favicon вашего сайта, включая различные форматы и размеры значков. Введите адрес сайта для проверки:

Всесторонняя проверка

Проверка всех favicon-файлов сайта, включая различные форматы и размеры

Проверка совместимости

Проверка совместимости фавиконов на разных платформах и устройствах

Рекомендации по оптимизации

Подробные рекомендации по оптимизации и лучшие практики

Что делает Favicon Checker?

Этот бесплатный инструмент проверяет, полностью ли настроены фавиконы на сайте. Он проверяет классические файлы favicon, Apple Touch Icons, веб-манифест и распространённые meta-теги, отмечая всё отсутствующее или настроенное неверно.

Работает с любым общедоступным сайтом: введите домен или URL и сразу получите отчёт — какие файлы фавиконов существуют, а какие ещё нужно добавить.

Проблемы, которые находит проверяльщик
  • Отсутствует favicon – не найден ни favicon.ico, ни PNG
  • Неверный размер – файлы не соответствуют ожиданиям браузера
  • Битые ссылки – файлы фавиконов возвращают 404 или не загружаются
  • Отсутствует apple-touch-icon – нет иконки для домашнего экрана iOS
  • Отсутствуют PWA-иконки или веб-манифест
Как пользоваться Favicon Checker
  1. Введите URL сайта для проверки.
  2. Нажмите Check и подождите несколько секунд.
  3. Просмотрите каждый раздел: Classic Favicon, Touch Icons, Web App Manifest и Meta Tags.
  4. Исправьте всё, помеченное как ошибка, и запустите проверку снова.
Проверка в каждом браузере после диагностики

Проверяльщик подтверждает корректность файлов и HTML — но каждый браузер кэширует фавиконы по-своему. Пройдите этот список по браузерам, чтобы убедиться, что новая иконка действительно работает.

  • Chrome и Edge: используют общий кэш иконок Chromium. Откройте chrome://favicon/https://your-site.com в адресной строке, чтобы увидеть закэшированную иконку; если она устарела, жёсткое обновление (Ctrl+Shift+R) или окно инкогнито заставят браузер загрузить её заново.
  • Firefox: самый агрессивный кэш — он может держать фавикон несколько дней. Обойдите его, открыв URL фавикона с параметром сброса кэша (?v=2) в приватном окне, либо очистите через Настройки → Приватность → Кэш веб-содержимого.
  • Safari (macOS): показывает фавиконы во вкладках только с версии 14 и игнорирует параметры ?v=. Проверяйте в новом приватном окне или очистите через меню Safari → Стереть историю после повторной проверки страницы.
  • Домашний экран iOS: apple-touch-icon.png загружается только в момент «Добавить на экран Домой». Удалите старый ярлык и добавьте заново — одна лишь замена файла никогда не обновит существующую иконку.
  • Результаты Google: поисковые фавиконы берутся из проиндексированной копии, а не из кэша браузера. После изменений запросите переиндексацию главной страницы в Google Search Console; обновление обычно занимает несколько дней.
Связанные инструменты
Объяснение форматов Favicon

Классические форматы

favicon.ico

Традиционный ICO формат, совместимый со всеми браузерами

favicon.png

Современный PNG формат, поддерживающий прозрачный фон

favicon.svg

Векторный формат, поддерживающий темную тему

Мобильные устройства

Apple Touch Icon

Иконка для главного экрана iOS-устройств

Android Chrome

Иконка для PWA в Android

Web App Manifest

Файл конфигурации PWA

Пример полной конфигурации

<!-- Basic Favicon -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">

<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<!-- Web App Manifest -->
<link rel="manifest" href="/site.webmanifest">

<!-- Android Chrome Icon -->
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">

<!-- Meta Tags -->
<meta name="theme-color" content="#ffffff">
<meta name="application-name" content="Your App Name">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
Часто задаваемые вопросы

Зачем нужны разные форматы Favicon?

Разные браузеры и устройства поддерживают разные форматы и размеры. Предоставление нескольких форматов гарантирует корректное отображение иконки на всех платформах.

Нужно ли использовать ICO формат?

ICO формат всё ещё является наиболее совместимым выбором, особенно для старых версий браузеров.

Что такое Web App Manifest?

Web App Manifest — это JSON-файл, определяющий конфигурацию PWA (иконки, название, цвет темы и т.д.).