Вкладка браузера · светлаяПройдено
Фавикон heroku.com
- 14пройдено
- 4предупреждения
- 2отсутствует
- 4необязательно
Основной фавикон heroku.com: apple-touch-icon-180x180-1.png, файл WebP 32×32 (616 Б). Найдено 3 файла иконок, всего 8,7 КБ. Поиск Google может использовать favicon.ico: ICO-файл с изображениями 16 px (198 Б). Сайт получает 80 из 100: пройдено: 14, 4 предупреждения, отсутствует: 2. Отсутствуют: SVG-фавикон, Манифест веб-приложения.
Как это выглядит
Отрисовано по найденным файлам.
Вкладка браузера · тёмнаяНеобязательно
Проверьте, что иконка видна на тёмной вкладке.
Herokuhttps://www.heroku.com
Поиск GoogleПредупреждение
Heroku
Главный экран iOSПредупреждение
iOS нужен PNG, а здесь WebP.
512
Android · maskableОтсутствует
В манифесте нет иконок, поэтому Android берёт скриншот или букву.
splash
Установка PWA и заставкаОтсутствует
В манифесте нет иконки 512 px, поэтому нет ни запроса установки, ни экрана-заставки.
Все файлы фавикона heroku.com
Найдено: 3| Файл | Где найден | Формат | Размер | Вес |
|---|---|---|---|---|
| favicon.ico | путь по умолчанию | ICO | 16 px | 198 Б |
| apple-touch-icon-180x180-1.png | rel="icon" | WebP | 32×32 | 616 Б |
| apple-touch-icon-180x180-1.png | rel="icon" · rel="apple-touch-icon" | WebP | 180×180 | 7,9 КБ |
Классический фавикон
Пройдено: 2 · 1 предупреждениеfavicon.ico
ПройденоGET /favicon.ico · не объявлен в HTML (найден в корне)
- Формат
- ICO (настоящий)
- Содержит
- 16
- Размер файла
- 198 Б
- HTTP
- 200
- Content-Type
- image/x-icon
- Кеш
- 4 часа
WebP 32×32
Пройдено<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32">
- Заявлено
- 32×32
- Фактически
- 32×32
- Формат
- WebP
- Размер файла
- 616 Б
- HTTP
- 200
- Content-Type
- image/webp
WebP 192×192
Предупреждение<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192">
- Заявлено
- 192×192
- Фактически
- 180×180
- Формат
- WebP
- Размер файла
- 7,9 КБ
- HTTP
- 200
- Content-Type
- image/webp
Заявленный размер не совпадает с файлом. Браузеры могут выбрать не ту иконку для маленьких вкладок.
SVG-иконка
Отсутствует: 1svg
SVG-фавикон
Отсутствует<link rel="icon" type="image/svg+xml" href="…"> – не найден
SVG-иконка остаётся чёткой при любом размере и умеет менять цвета для тёмных тем браузера.
Apple
1 предупреждение · Необязательных: 1Apple touch icon
Предупреждение<link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
- Заявлено
- без размеров
- Фактически
- 180×180
- Рекомендуется
- 180×180
- Фон
- не измерен
- Размер файла
- 7,9 КБ
- HTTP
- 200
iOS нужен PNG, а здесь WebP.
mask
Закреплённая вкладка Safari (mask-icon)
Необязательно<link rel="mask-icon" href="…" color="…"> – не найден
Устарело. Safari 12+ использует обычный фавикон, поэтому она больше не нужна.
Файл манифеста веб-приложения
Отсутствует: 1json
Манифест веб-приложения
Отсутствует<link rel="manifest" href="…"> – не найден
Android и устанавливаемые веб-приложения берут иконки, название и цвета из манифеста.
Поиск Google
Пройдено: 5 · 1 предупреждение- Поддерживаемый формат файлаICO · favicon.ico
- Квадрат, не меньше 8×8 px16×16
- Больше 48×48 pxGoogle рекомендует больше 48×48, чтобы иконка была чёткой. Подойдёт объявленный PNG 96×96 или Apple touch icon 180 px.16 px
- Объявлен на главной страницеда
- Не закрыт в robots.txtразрешён
- Стабильный URLбез редиректов
Мета и устаревшее
Пройдено: 1 · Необязательных: 3- theme-color#5A1BA9
- theme-color для тёмной темыmedia="(prefers-color-scheme: dark)"не задан
- msapplication-TileColorПлитки Windows, устарело.не задан
- browserconfig.xmlПлитки Windows, устарело.не найден
Доставка и производительность
Пройдено: 6 · 1 предупреждение- HTTPS для всех иконок3 из 3
- Нет смешанного контента0 ссылок http://
- Нет битых ссылок0 ошибок
- Заголовки кешаИконки меняются редко, кешируйте их хотя бы на сутки.2 из 3 · ≥ 1 дн.
- Общий вес иконок8,7 КБ
- Редиректы0
- Дубли теговнет
Теги иконок в <head>
<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32"> <link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192"> <link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180"> <meta name="theme-color" content="#5A1BA9"> <meta name="msapplication-TileImage" content="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
Вопросы о фавиконе heroku.com
Где находится фавикон heroku.com?
Основной лежит по адресу https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32. Путь по умолчанию, https://www.heroku.com/favicon.ico, тоже отдаёт иконку.
Какого размера фавикон heroku.com?
apple-touch-icon-180x180-1.png: 32×32. Самая большая растровая иконка сайта: apple-touch-icon-180x180-1.png, 180×180 px.
Может ли поиск Google показать фавикон heroku.com?
Сайт соответствует правилам Google: favicon.ico (ICO-файл с изображениями 16 px (198 Б)) разрешён в robots.txt. Google рекомендует больше 48×48 px, поэтому иконка крупнее выглядела бы чётче. Что показывать, всё равно решает Google.
Есть ли у heroku.com Apple touch icon и maskable-иконка?
Apple touch icon: 180×180. Читаемого манифеста веб-приложения нет, поэтому нет и maskable-иконки.