Проверка фавикона
Введите URL-адрес, чтобы найти его favicon, /favicon.ico и Apple touch icon, проверить размеры, необходимые для Google и iOS, а также посмотреть, как он выглядит на светлых и темных вкладках.
16 px32 px48 pxFavicon64 × 64, PNGhttps://framerusercontent.com/images/Io89FonxEaWg4nxvQQllVLwPUUI.pngApple touch icon180 × 180, PNGhttps://framerusercontent.com/images/aXvo6HfUhqvR7oFjFL8b4AcyGfg.pngКак настроить фавиконку, которая будет отображаться везде
Браузеры, Google и смартфоны ищут разные файлы. Добавьте их, и ваша иконка появится во вкладках, результатах поиска и на главных экранах устройств.
Используйте квадратный значок размером от 48 пикселей
Google отображает фавиконы рядом с результатами поиска, и для этого требуется квадратное изображение, кратное 48 пикселям (например, 48 × 48 или 96 × 96). Фавикон в формате SVG остается четким при любом размере.
Сохраняйте favicon.ico в корневой папке
Некоторые браузеры, RSS-ридеры и другие инструменты по-прежнему запрашивают /favicon.ico напрямую, даже если вы указали другую иконку. Файл .ico размером 32 × 32 полностью решит эту проблему.
Добавьте иконку Apple touch размером 180 × 180
iPhone и iPad используют apple-touch-icon, когда пользователь добавляет ваш сайт на экран «Домой». Без него iOS будет использовать обычный скриншот страницы.
Проверьте на темной вкладке
Темные иконки могут сливаться с темными вкладками браузера. Добавьте вторую, более светлую иконку для темного режима с помощью медиа-запроса prefers-color-scheme и сгенерируйте теги иконок с помощью генератора метатегов.
Часто задаваемые вопросы о проверке фавиконов
Быстрые ответы о размерах и форматах фавиконов, а также о том, почему не отображается ваша иконка.
Какого размера должен быть фавикон?
Используйте квадратный значок. Размер 32 × 32 подходит для вкладок браузера, 48 × 48 или больше требуется Google для результатов поиска, а 180 × 180 — это размер значка Apple touch icon. Фавиконка в формате SVG масштабируется под все эти размеры.
Почему мой фавикон не отображается в Google?
Google отображает только те фавиконы, которые может просканировать с вашей главной страницы. Убедитесь, что значок квадратный, имеет размер не менее 48 × 48 пикселей и не заблокирован в robots.txt, а затем подождите несколько дней, пока Google повторно просканирует сайт.
Почему по-прежнему отображается старый фавикон?
Браузеры кэшируют фавиконы на долгое время. Чтобы принудительно обновить иконку, выполните жесткую перезагрузку страницы, откройте сайт в режиме инкогнито или переименуйте файл (например, в favicon-v2.png).
Какой формат фавикона лучше использовать?
PNG или SVG для rel="icon", а также favicon.ico в корневой папке для старых инструментов. Для иконки Apple touch используйте PNG, так как iOS не поддерживает для неё формат SVG.
Этот инструмент проверки фавиконов бесплатный?
Да, регистрация не требуется. Введите любой публичный URL, и сервис проверит иконки, используемые на этом сайте.