Как протестировать и проверить favicon (бесплатный чекер)
В Chrome, Safari, Firefox, iOS и Android, автоматически и вручную.
Быстрый способ: автоматическое сканирование
Вставьте свой URL в чекер favicon, и он загрузит живую страницу, распарсит <head>, перечислит каждый тег иконки и отметит, что отсутствует или сломано на поверхностях десктопа, Apple, Android и манифеста. Это единственная проверка, которая охватывает всё сразу.
В каком порядке проверять
- 1
Запустите автоматическое сканирование
Просканируйте живой URL, чтобы перечислить каждый тег favicon и отметить отсутствующие или сломанные иконки.
- 2
Проверьте вкладку браузера
Сделайте принудительное обновление страницы и убедитесь, что иконка отрисовывается чётко на вкладке в десктопных браузерах.
- 3
Проверьте закладки и адресную строку
Добавьте страницу в закладки, чтобы убедиться, что иконка 16x16 читаема в компактных контекстах.
- 4
Проверьте домашние экраны iOS и Android
Добавьте на домашний экран в iOS и установите PWA в Android, чтобы проверить apple-touch-icon и иконки манифеста.
- 5
Проверьте favicon в результатах поиска
Убедитесь, что иконка, которую Google показывает рядом с вашим результатом, — актуальная.
Ручной чек-лист
| Поверхность | Что делать |
|---|---|
| Вкладка браузера | Сделайте принудительное обновление страницы (Cmd+Shift+R / Ctrl+F5) в Chrome, Safari и Firefox. Иконка должна быть чёткой, а не размытой или пикселизированной, при 16-32px. |
| Закладки и адресная строка | Добавьте страницу в закладки. Так проявляется иконка 16x16 в её самом тесном контексте. Если здесь она нечитаема, упростите графику. |
| iOS: Добавить на домашний экран | В Safari: поделиться → Добавить на домашний экран. iOS использует apple-touch-icon, а не favicon.ico, так что это ловит целый класс отсутствующих тегов. |
| Установка Android / PWA | В Chrome на Android установите приложение. Иконки домашнего экрана и заставки берутся из manifest.json, так что это проверяет, разрешаются ли иконки вашего манифеста. |
| Результат поиска Google | Найдите свой бренд и убедитесь, что favicon рядом с вашим результатом актуален. Google требуется хотя бы иконка 48x48, и он обновляет её при повторном обходе. |
Размеры, которые задействует каждая проверка
Как выглядит полное покрытие
Полный набор favicon покрывает вкладки браузера, закладки, поиск, iOS, Android, плитки Windows и манифест PWA. Если ваше сканирование показывает пробелы, это отсутствующий брендинг. Прочитайте, почему важно покрытие favicon, и загляните в полный справочник по размерам favicon.
Часто задаваемые вопросы
Как проверить, работает ли мой favicon?
Запустите автоматическое сканирование favicon по вашему живому URL, чтобы убедиться, что каждый тег разрешается, затем вручную проверьте иконку на вкладке браузера, в закладке, на домашнем экране iOS и в установленном PWA.
Как предпросмотреть favicon перед публикацией?
Большинство генераторов показывают живой предпросмотр вкладки по мере проектирования. Чтобы проверить реальные файлы, откройте каждый URL иконки напрямую и убедитесь, что размер и формат совпадают с тем, на что ссылаются ваши теги <link>.
Почему мой favicon разный в поиске Google и в браузере?
Google кэширует favicon с момента последнего обхода и требует хотя бы иконку 48x48. Браузер показывает ваш текущий файл сразу, тогда как поиск обновляется только после того, как Google выполнит повторный обход.