Favicon проверщик

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

Полная проверка

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

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

Проверяет совместимость favicon для разных платформ и устройств

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

favicon.ico

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

favicon.png

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

favicon.svg

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

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

Apple Touch Icon

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

Android Chrome

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

Web App Manifest

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

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

<!-- Основной 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 иконки -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

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

<!-- Android Chrome иконки -->
<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 теги -->
<meta name="theme-color" content="#ffffff">
<meta name="application-name" content="Ваше имя приложения">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">

Часто задаваемые вопросы

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

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

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

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

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

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

Как оптимизировать загрузку Favicon?

Используйте подходящий размер файла, избегайте больших иконка. ICO файл должен включать несколько размеров, PNG файл должен быть оптимизирован для сжатия.