favicon-checker.com

Фавикон netlify.com

https://www.netlify.com/ · 1 редирект · проверено

  • 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-иконка манифеста.

Как это выглядит

Отрисовано по найденным файлам.

Push your ideas to the web | Netlify
Вкладка браузера · светлаяПройдено
Push your ideas to the web | Netlify
Вкладка браузера · тёмнаяПройдено

SVG меняет цвета для тёмных тем.

Netlifyhttps://www.netlify.com
Push your ideas to the web | Netlify Create with AI or code, deploy instantly on production infrastructure. One platform to build and ship.
Поиск GoogleПройдено
Netlify
Главный экран iOSПройдено
Android · maskableОтсутствует

Maskable-иконки нет, поэтому Android уменьшает обычную и кладёт её на белый круг.

Установка PWA и заставкаПройдено

Все файлы фавикона netlify.com

Найдено: 6
ФайлГде найденФорматРазмерВес
favicon.icoпуть по умолчаниюICO16, 32, 48 px14,7 КБ
favicon.icorel="icon"ICO16, 32, 48 px14,7 КБ
icon.svgrel="icon"SVGвектор1,3 КБ
apple-touch-icon.pngrel="apple-touch-icon"PNG180×1801,4 КБ
icon-192.pngманифестPNG192×1921,4 КБ
icon-512.pngманифестPNG512×5123,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-иконка

Пройдено: 1

SVG-фавикон

Пройдено
<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
Квадратный viewBox
да
Тёмная тема
да
Скрипты
нет
Размер файла
1,3 КБ
HTTP
200
Content-Type
image/svg+xml

Apple

Пройдено: 1 · Необязательных: 1

Apple touch icon

Пройдено
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
Заявлено
без размеров
Фактически
180×180
Рекомендуется
180×180
Фон
непрозрачный
Размер файла
1,4 КБ
HTTP
200
mask

Закреплённая вкладка Safari (mask-icon)

Необязательно
<link rel="mask-icon" href="…" color="…"> – не найден

Устарело. Safari 12+ использует обычный фавикон, поэтому она больше не нужна.

Файл манифеста веб-приложения

1 предупреждение
json

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×192
    PNG · 1,4 КБ · 200
  • icons · 512×512
    PNG · 3,7 КБ · 200
  • icons · purpose: maskableБез неё Android уменьшает вашу иконку и кладёт её на белый круг.
    не найден
  • id
    не задан

Поиск Google

Пройдено: 6
  • Поддерживаемый формат файла
    PNG · apple-touch-icon.png
  • Квадрат, не меньше 8×8 px
    180×180
  • Больше 48×48 px
    180 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.ico
    1
  • Дубли тегов
    нет

Теги иконок в <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 уменьшает обычную и кладёт её на белый круг.

Другие отчёты о фавиконах

Все проверенные сайты