Фавикон github.com
- 23пройдено
- 5предупреждений
- 1отсутствует
- 4необязательно
Основной фавикон github.com: favicon.svg, SVG-файл размером 959 Б. Найдено 15 файлов иконок, всего 115,2 КБ. Поиск Google может использовать favicon.png: файл PNG 32×32 (958 Б). Сайт получает 88 из 100: пройдено: 23, 5 предупреждений, отсутствует: 1. Отсутствуют: Maskable-иконка манифеста.
Как это выглядит
Отрисовано по найденным файлам.
Проверьте, что иконка видна на тёмной вкладке.
iOS растягивает 120 → 180 px, поэтому на экранах Retina иконка размыта.
Maskable-иконки нет, поэтому Android уменьшает обычную и кладёт её на белый круг.
Все файлы фавикона github.com
Найдено: 15| Файл | Где найден | Формат | Размер | Вес |
|---|---|---|---|---|
| favicon.ico | путь по умолчанию | ICO | 16, 32 px | 6,4 КБ |
| pinned-octocat-093da3e6fa40.svg | rel="mask-icon" | SVG | вектор | 1009 Б |
| favicon.png | rel="icon" | PNG | 32×32 | 958 Б |
| favicon.svg | rel="icon" | SVG | вектор | 959 Б |
| apple-touch-icon.png | путь по умолчанию | PNG | 120×120 | 10,7 КБ |
| app-icon-192-bcc967ab9829.png | манифест | PNG | 192×192 | 2,9 КБ |
| app-icon-512-7f9c4ff2e960.png | манифест | PNG | 512×512 | 9,6 КБ |
| apple-touch-icon-114x114-09ce42d3ca4b.png | манифест | PNG | 114×114 | 9,8 КБ |
| apple-touch-icon-120x120-92bd46d04241.png | манифест | PNG | 120×120 | 10,7 КБ |
| apple-touch-icon-144x144-b882e354c005.png | манифест | PNG | 144×144 | 14,1 КБ |
| apple-touch-icon-152x152-5f777cdc30ae.png | манифест | PNG | 152×152 | 16,3 КБ |
| apple-touch-icon-180x180-a80b8e11abe2.png | манифест | PNG | 180×180 | 20,6 КБ |
| apple-touch-icon-57x57-22f09f5b3a64.png | манифест | PNG | 57×57 | 3,2 КБ |
| apple-touch-icon-60x60-19037ac897bf.png | манифест | PNG | 60×60 | 3,5 КБ |
| apple-touch-icon-72x72-e090c8a282d0.png | манифест | PNG | 72×72 | 4,4 КБ |
Классический фавикон
Пройдено: 2favicon.ico
ПройденоGET /favicon.ico · не объявлен в HTML (найден в корне)
- Формат
- ICO (настоящий)
- Содержит
- 16 · 32
- Размер файла
- 6,4 КБ
- HTTP
- 200
- Content-Type
- image/x-icon
- Кеш
- 10 лет
PNG
Пройдено<link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png">
- Заявлено
- без размеров
- Фактически
- 32×32
- Формат
- PNG
- Размер файла
- 958 Б
- HTTP
- 200
- Content-Type
- image/png
SVG-иконка
Пройдено: 1SVG-фавикон
Пройдено<link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon">
- Квадратный viewBox
- да
- Тёмная тема
- нет
- Скрипты
- нет
- Размер файла
- 959 Б
- HTTP
- 200
- Content-Type
- image/svg+xml
Добавьте в SVG медиазапрос prefers-color-scheme, чтобы менять цвета для тёмных тем браузера.
Apple
Пройдено: 1 · 1 предупреждениеApple touch icon
ПредупреждениеНе объявлена · найдена в /apple-touch-icon.png
- Заявлено
- не объявлен
- Фактически
- 120×120
- Рекомендуется
- 180×180
- Фон
- непрозрачный
- Размер файла
- 10,7 КБ
- HTTP
- 200
iOS растягивает 120 → 180 px, поэтому на экранах Retina иконка размыта.
Закреплённая вкладка Safari (mask-icon)
Пройдено<link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000">
- Цвет
- #000000
- Размер файла
- 1009 Б
Устарело. Safari 12+ использует обычный фавикон.
Файл манифеста веб-приложения
Пройдено: 1manifest.json
Пройдено<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/manifest+json
- JSON
- корректный
- Размер файла
- 1,4 КБ
- Тот же origin
- да
- Кеш
- 7 дней
Поля манифеста
Пройдено: 6 · 2 предупреждения · Отсутствует: 1 · Необязательных: 1- nameGitHub
- short_nameGitHub
- start_url/
- displaystandalone
- theme_colorЗадаёт цвет заголовка установленного приложения.не задан
- background_colorФон экрана-заставки.не задан
- icons · 192×192PNG · 2,9 КБ · 200
- icons · 512×512PNG · 9,6 КБ · 200
- icons · purpose: maskableБез неё Android уменьшает вашу иконку и кладёт её на белый круг.не найден
- idне задан
Поиск Google
Пройдено: 5 · 1 предупреждение- Поддерживаемый формат файлаPNG · favicon.png
- Квадрат, не меньше 8×8 px32×32
- Больше 48×48 pxGoogle рекомендует больше 48×48, чтобы иконка была чёткой. Подойдёт объявленный PNG 96×96 или Apple touch icon 180 px.32 px
- Объявлен на главной страницеда
- Не закрыт в robots.txtразрешён
- Стабильный URLбез редиректов
Мета и устаревшее
Пройдено: 1 · Необязательных: 3- theme-color#1e2327
- theme-color для тёмной темыmedia="(prefers-color-scheme: dark)"не задан
- msapplication-TileColorПлитки Windows, устарело.не задан
- browserconfig.xmlПлитки Windows, устарело.не найден
Доставка и производительность
Пройдено: 6 · 1 предупреждение- HTTPS для всех иконок15 из 15
- Нет смешанного контента0 ссылок http://
- Нет битых ссылок0 ошибок
- Заголовки кешаИконки меняются редко, кешируйте их хотя бы на сутки.12 из 15 · ≥ 1 дн.
- Общий вес иконок115,2 КБ
- Редиректы0
- Дубли теговнет
Теги иконок в <head>
<link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000"> <link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png"> <link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon"> <link rel="manifest" href="/manifest.json" crossorigin="use-credentials"> <meta name="theme-color" content="#1e2327">
Вопросы о фавиконе github.com
Где находится фавикон github.com?
Основной лежит по адресу https://github.githubassets.com/favicons/favicon.svg. Путь по умолчанию, https://github.com/favicon.ico, тоже отдаёт иконку.
Какого размера фавикон github.com?
favicon.svg векторный, поэтому масштабируется до любого размера. Самая большая растровая иконка сайта: app-icon-512-7f9c4ff2e960.png, 512×512 px.
Может ли поиск Google показать фавикон github.com?
Сайт соответствует правилам Google: favicon.png (файл PNG 32×32 (958 Б)) разрешён в robots.txt. Google рекомендует больше 48×48 px, поэтому иконка крупнее выглядела бы чётче. Что показывать, всё равно решает Google.
Есть ли у github.com Apple touch icon и maskable-иконка?
Apple touch icon: 120×120. В манифесте нет maskable-иконки, поэтому Android уменьшает обычную и кладёт её на белый круг.