Фавикон netlify.com
- 17пройдено
- 8предупреждений
- 2отсутствует
- 6необязательно
Основной фавикон netlify.com: icon.svg, SVG-файл размером 1,3 КБ. Найдено 6 файлов иконок, всего 37,3 КБ. Поиск Google может использовать apple-touch-icon.png: файл PNG 180×180 (1,4 КБ). Сайт получает 78 из 100: пройдено: 17, 8 предупреждений, отсутствует: 2. Отсутствуют: name, Maskable-иконка манифеста.
Как это выглядит
Отрисовано по найденным файлам.
SVG меняет цвета для тёмных тем.
Maskable-иконки нет, поэтому Android уменьшает обычную и кладёт её на белый круг.
Все файлы фавикона netlify.com
Найдено: 6| Файл | Где найден | Формат | Размер | Вес |
|---|---|---|---|---|
| favicon.ico | путь по умолчанию | ICO | 16, 32, 48 px | 14,7 КБ |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 14,7 КБ |
| icon.svg | rel="icon" | SVG | вектор | 1,3 КБ |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 1,4 КБ |
| icon-192.png | манифест | PNG | 192×192 | 1,4 КБ |
| icon-512.png | манифест | PNG | 512×512 | 3,7 КБ |
Классический фавикон
Пройдено: 1 · 1 предупреждениеfavicon.ico
ПредупреждениеGET /favicon.ico · не объявлен в HTML (найден в корне)
- Формат
- ICO (настоящий)
- Содержит
- 16 · 32 · 48
- Размер файла
- 14,7 КБ
- HTTP
- 301 → 200
- Content-Type
- image/vnd.microsoft.icon
- Кеш
- 4 часа
URL иконки редиректит, а некоторые краулеры и RSS-ридеры не следуют редиректам для иконок. Отдавайте файл по конечному URL.
ICO 32×32
Пройдено<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
- Заявлено
- 32×32
- Фактически
- 16 · 32 · 48
- Формат
- ICO
- Размер файла
- 14,7 КБ
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
SVG-иконка
Пройдено: 1SVG-фавикон
Пройдено<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
- Квадратный viewBox
- да
- Тёмная тема
- да
- Скрипты
- нет
- Размер файла
- 1,3 КБ
- HTTP
- 200
- Content-Type
- image/svg+xml
Apple
Пройдено: 1 · Необязательных: 1Apple touch icon
Пройдено<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
- Заявлено
- без размеров
- Фактически
- 180×180
- Рекомендуется
- 180×180
- Фон
- непрозрачный
- Размер файла
- 1,4 КБ
- HTTP
- 200
Закреплённая вкладка Safari (mask-icon)
Необязательно<link rel="mask-icon" href="…" color="…"> – не найден
Устарело. Safari 12+ использует обычный фавикон, поэтому она больше не нужна.
Файл манифеста веб-приложения
1 предупреждениеsite.webmanifest
Предупреждение<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/octet-stream
- JSON
- корректный
- Размер файла
- 180 Б
- Тот же origin
- да
- Кеш
- 0 с
Отдавайте манифест как application/manifest+json.
Поля манифеста
Пройдено: 2 · 4 предупреждения · Отсутствует: 2 · Необязательных: 2- nameПоказывается под иконкой установленного сайта.не задан
- short_nameИспользуется на главном экране, если name слишком длинное.не задан
- start_urlСтраница, которая открывается при запуске установленного приложения.не задан
- displayПо умолчанию «browser», такое приложение нельзя установить.не задан
- theme_colorЗадаёт цвет заголовка установленного приложения.не задан
- background_colorФон экрана-заставки.не задан
- icons · 192×192PNG · 1,4 КБ · 200
- icons · 512×512PNG · 3,7 КБ · 200
- icons · purpose: maskableБез неё Android уменьшает вашу иконку и кладёт её на белый круг.не найден
- idне задан
Поиск Google
Пройдено: 6- Поддерживаемый формат файлаPNG · apple-touch-icon.png
- Квадрат, не меньше 8×8 px180×180
- Больше 48×48 px180 px
- Объявлен на главной страницеда
- Не закрыт в robots.txtразрешён
- Стабильный URLбез редиректов
Мета и устаревшее
Пройдено: 1 · Необязательных: 3- theme-color#ffffff
- theme-color для тёмной темыmedia="(prefers-color-scheme: dark)"не задан
- msapplication-TileColorПлитки Windows, устарело.не задан
- browserconfig.xmlПлитки Windows, устарело.не найден
Доставка и производительность
Пройдено: 5 · 2 предупреждения- HTTPS для всех иконок6 из 6
- Нет смешанного контента0 ссылок http://
- Нет битых ссылок0 ошибок
- Заголовки кешаИконки меняются редко, кешируйте их хотя бы на сутки.0 из 6 · ≥ 1 дн.
- Общий вес иконок37,3 КБ
- Редиректы/favicon.ico → /favicon/favicon.ico1
- Дубли теговнет
Теги иконок в <head>
<link rel="icon" href="/favicon/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon/icon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials"> <meta name="theme-color" content="#ffffff">
Вопросы о фавиконе netlify.com
Где находится фавикон netlify.com?
Основной лежит по адресу https://www.netlify.com/favicon/icon.svg. Путь по умолчанию, https://www.netlify.com/favicon.ico, тоже отдаёт иконку.
Какого размера фавикон netlify.com?
icon.svg векторный, поэтому масштабируется до любого размера. Самая большая растровая иконка сайта: icon-512.png, 512×512 px.
Может ли поиск Google показать фавикон netlify.com?
Сайт соответствует правилам Google: apple-touch-icon.png (файл PNG 180×180 (1,4 КБ)) разрешён в robots.txt. Что показывать, всё равно решает Google.
Есть ли у netlify.com Apple touch icon и maskable-иконка?
Apple touch icon: 180×180. В манифесте нет maskable-иконки, поэтому Android уменьшает обычную и кладёт её на белый круг.