Фавикон 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.
Как это выглядит
Отрисовано по найденным файлам.
Проверьте, что иконка видна на тёмной вкладке.
iOS нужен PNG, а здесь WebP.
В манифесте нет иконок, поэтому Android берёт скриншот или букву.
В манифесте нет иконки 512 px, поэтому нет ни запроса установки, ни экрана-заставки.
Все файлы фавикона mashable.com
Найдено: 5| Файл | Где найден | Формат | Размер | Вес |
|---|---|---|---|---|
| favicon.svg | rel="mask-icon" | SVG | вектор | 982 Б |
| favicon-16x16.jpg | rel="icon" | WebP | 16×16 | 250 Б |
| favicon-32x32.jpg | rel="icon" | WebP | 32×32 | 652 Б |
| apple-touch-icon.jpg | rel="apple-touch-icon" | WebP | 180×180 | 3,3 КБ |
| android-chrome-192x192.jpg | rel="icon" | WebP | 192×192 | 3,6 КБ |
Классический фавикон
3 предупреждения · Отсутствует: 2favicon.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.
JPG 512×512
Отсутствует<link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512">
- HTTP
- 404
Файл возвращает HTTP 404.
SVG-иконка
Отсутствует: 1SVG-фавикон
Отсутствует<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+ использует обычный фавикон.
Файл манифеста веб-приложения
Пройдено: 1manifest.json
Пройдено<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- корректный
- Размер файла
- 468 Б
- Тот же origin
- да
- Кеш
- 30 мин
Поля манифеста
Пройдено: 5 · 1 предупреждение · Отсутствует: 3 · Необязательных: 1- nameMashable
- short_nameMashable
- start_urlСтраница, которая открывается при запуске установленного приложения.не задан
- displaystandalone
- 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.png3 ошибки
- Заголовки кешаИконки меняются редко, кешируйте их хотя бы на сутки.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 уменьшает обычную и кладёт её на белый круг.