favicon-checker.com

Фавикон mashable.com

https://mashable.com/ · проверено

  • 14пройдено
  • 7предупреждений
  • 9отсутствует
  • 4необязательно

Основной фавикон mashable.com: favicon-32x32.jpg, файл WebP 32×32 (652 Б). Найдено 5 файлов иконок, всего 8,7 КБ. Ни одна из иконок сайта не подходит для поиска Google. Сайт получает 47 из 100: пройдено: 14, 7 предупреждений, отсутствует: 9. Отсутствуют: favicon.ico, JPG 512×512, SVG-фавикон и ещё 6.

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

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

Mashable
Вкладка браузера · светлаяПройдено
Mashable
Вкладка браузера · тёмнаяНеобязательно

Проверьте, что иконка видна на тёмной вкладке.

Mashablehttps://mashable.com
Mashable Mashable is a global, multi-platform media and entertainment company.
Поиск GoogleОтсутствует
Mashable
Главный экран iOSПредупреждение

iOS нужен PNG, а здесь WebP.

512
Android · maskableОтсутствует

В манифесте нет иконок, поэтому Android берёт скриншот или букву.

splash
Установка PWA и заставкаОтсутствует

В манифесте нет иконки 512 px, поэтому нет ни запроса установки, ни экрана-заставки.

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

Найдено: 5
ФайлГде найденФорматРазмерВес
favicon.svgrel="mask-icon"SVGвектор982 Б
favicon-16x16.jpgrel="icon"WebP16×16250 Б
favicon-32x32.jpgrel="icon"WebP32×32652 Б
apple-touch-icon.jpgrel="apple-touch-icon"WebP180×1803,3 КБ
android-chrome-192x192.jpgrel="icon"WebP192×1923,6 КБ

Классический фавикон

3 предупреждения · Отсутствует: 2
ico

favicon.ico

Отсутствует
GET /favicon.ico – не найден
HTTP
200

Браузеры, RSS-ридеры и многие краулеры запрашивают /favicon.ico, даже если HTML объявляет другие иконки. URL возвращает не изображение (image/x-icon).

WebP 16×16

Предупреждение
<link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16">
Заявлено
16×16
Фактически
16×16
Формат
WebP
Размер файла
250 Б
HTTP
200
Content-Type
image/webp

Атрибут type указывает image/jpg, а файл имеет формат WebP.

WebP 32×32

Предупреждение
<link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32">
Заявлено
32×32
Фактически
32×32
Формат
WebP
Размер файла
652 Б
HTTP
200
Content-Type
image/webp

Атрибут type указывает image/jpg, а файл имеет формат WebP.

WebP 192×192

Предупреждение
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192">
Заявлено
192×192
Фактически
192×192
Формат
WebP
Размер файла
3,6 КБ
HTTP
200
Content-Type
image/webp

Атрибут type указывает image/jpg, а файл имеет формат WebP.

404

JPG 512×512

Отсутствует
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512">
HTTP
404

Файл возвращает HTTP 404.

SVG-иконка

Отсутствует: 1
svg

SVG-фавикон

Отсутствует
<link rel="icon" type="image/svg+xml" href="…"> – не найден

SVG-иконка остаётся чёткой при любом размере и умеет менять цвета для тёмных тем браузера.

Apple

Пройдено: 1 · 1 предупреждение

Apple touch icon

Предупреждение
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg">
Заявлено
180×180
Фактически
180×180
Рекомендуется
180×180
Фон
не измерен
Размер файла
3,3 КБ
HTTP
200

iOS нужен PNG, а здесь WebP.

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

Пройдено
<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg">
Цвет
не задан
Размер файла
982 Б

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

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

Пройдено: 1
json

manifest.json

Пройдено
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
HTTP
200
Content-Type
application/json
JSON
корректный
Размер файла
468 Б
Тот же origin
да
Кеш
30 мин

Поля манифеста

Пройдено: 5 · 1 предупреждение · Отсутствует: 3 · Необязательных: 1
  • name
    Mashable
  • short_name
    Mashable
  • start_urlСтраница, которая открывается при запуске установленного приложения.
    не задан
  • display
    standalone
  • theme_color
    #ffffff
  • background_color
    #ffffff
  • icons · 192×192Файл возвращает HTTP 404.
    битый
  • icons · 512×512Файл возвращает HTTP 404.
    битый
  • icons · purpose: maskableБез неё Android уменьшает вашу иконку и кладёт её на белый круг.
    не найден
  • id
    не задан

Поиск Google

Пройдено: 1 · 1 предупреждение · Отсутствует: 2
  • Поддерживаемый формат файлаУ Google в списке BMP, GIF, ICO, PNG, JPEG, PPM и TIFF, а SVG и WebP нет. Объявите ещё PNG или ICO.
    WebP
  • Квадрат, не меньше 8×8 pxGoogle нужна квадратная (1:1) иконка.
    нет квадратной иконки
  • Больше 48×48 pxGoogle рекомендует больше 48×48, чтобы иконка была чёткой. Подойдёт объявленный PNG 96×96 или Apple touch icon 180 px.
    –
  • Объявлен на главной странице
    да

Мета и устаревшее

Пройдено: 1 · Необязательных: 3
  • theme-color
    #00aeef
  • theme-color для тёмной темыmedia="(prefers-color-scheme: dark)"
    не задан
  • msapplication-TileColorПлитки Windows, устарело.
    не задан
  • browserconfig.xmlПлитки Windows, устарело.
    не найден

Доставка и производительность

Пройдено: 5 · 1 предупреждение · Отсутствует: 1
  • HTTPS для всех иконок
    5 из 5
  • Нет смешанного контента
    0 ссылок http://
  • Нет битых ссылок/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png
    3 ошибки
  • Заголовки кешаИконки меняются редко, кешируйте их хотя бы на сутки.
    0 из 5 · ≥ 1 дн.
  • Общий вес иконок
    8,7 КБ
  • Редиректы
    0
  • Дубли тегов
    нет

Теги иконок в <head>

<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg">
<link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16">
<link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg">
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192">
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512">
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
<meta name="theme-color" content="#00aeef">

Вопросы о фавиконе mashable.com

Где находится фавикон mashable.com?

Основной лежит по адресу https://mashable.com/favicons/favicon-32x32.jpg.

Какого размера фавикон mashable.com?

favicon-32x32.jpg: 32×32. Самая большая растровая иконка сайта: android-chrome-192x192.jpg, 192×192 px.

Может ли поиск Google показать фавикон mashable.com?

Пока нет: Google нужна квадратная иконка в формате ICO, PNG, GIF, JPEG или BMP, объявленная на главной странице.

Есть ли у mashable.com Apple touch icon и maskable-иконка?

Apple touch icon: 180×180. В манифесте нет maskable-иконки, поэтому Android уменьшает обычную и кладёт её на белый круг.

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

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