Фавикон cnet.com
- 16пройдено
- 6предупреждений
- 5отсутствует
- 7необязательно
Основной фавикон cnet.com: cropped-favicon-480.png, файл WebP 32×32 (776 Б). Найдено 4 файла иконок, всего 21,3 КБ. Поиск Google может использовать favicon.ico: ICO-файл с изображениями 16 px (198 Б). Сайт получает 76 из 100: пройдено: 16, 6 предупреждений, отсутствует: 5. Отсутствуют: SVG-фавикон, name, Иконка манифеста 192 px и ещё 2.
Как это выглядит
Отрисовано по найденным файлам.
Проверьте, что иконка видна на тёмной вкладке.
iOS нужен PNG, а здесь WebP.
В манифесте нет иконок, поэтому Android берёт скриншот или букву.
В манифесте нет иконки 512 px, поэтому нет ни запроса установки, ни экрана-заставки.
Все файлы фавикона cnet.com
Найдено: 4| Файл | Где найден | Формат | Размер | Вес |
|---|---|---|---|---|
| favicon.ico | путь по умолчанию | ICO | 16 px | 198 Б |
| cropped-favicon-480.png | rel="icon" | WebP | 32×32 | 776 Б |
| cropped-favicon-480.png | rel="icon" | WebP | 192×192 | 10,7 КБ |
| cropped-favicon-480.png | rel="apple-touch-icon" | WebP | 180×180 | 9,6 КБ |
Классический фавикон
Пройдено: 3favicon.ico
ПройденоGET /favicon.ico · не объявлен в HTML (найден в корне)
- Формат
- ICO (настоящий)
- Содержит
- 16
- Размер файла
- 198 Б
- HTTP
- 200
- Content-Type
- image/x-icon
- Кеш
- 4 часа
WebP 32×32
Пройдено<link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=32" sizes="32x32">
- Заявлено
- 32×32
- Фактически
- 32×32
- Формат
- WebP
- Размер файла
- 776 Б
- HTTP
- 200
- Content-Type
- image/webp
WebP 192×192
Пройдено<link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=192" sizes="192x192">
- Заявлено
- 192×192
- Фактически
- 192×192
- Формат
- WebP
- Размер файла
- 10,7 КБ
- HTTP
- 200
- Content-Type
- image/webp
SVG-иконка
Отсутствует: 1SVG-фавикон
Отсутствует<link rel="icon" type="image/svg+xml" href="…"> – не найден
SVG-иконка остаётся чёткой при любом размере и умеет менять цвета для тёмных тем браузера.
Apple
1 предупреждение · Необязательных: 1Apple touch icon
Предупреждение<link rel="apple-touch-icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=180">
- Заявлено
- без размеров
- Фактически
- 180×180
- Рекомендуется
- 180×180
- Фон
- не измерен
- Размер файла
- 9,6 КБ
- HTTP
- 200
iOS нужен PNG, а здесь WebP.
Закреплённая вкладка Safari (mask-icon)
Необязательно<link rel="mask-icon" href="…" color="…"> – не найден
Устарело. Safari 12+ использует обычный фавикон, поэтому она больше не нужна.
Файл манифеста веб-приложения
Пройдено: 1manifest.json
Пройдено<link rel="manifest" href="https://www.cnet.com/wp-content/themes/ziff-davis-theme/src/features/push-notifications/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- корректный
- Размер файла
- 229 Б
- Тот же origin
- да
- Кеш
- 5 мин
Поля манифеста
Пройдено: 1 · 3 предупреждения · Отсутствует: 4 · Необязательных: 2- nameПоказывается под иконкой установленного сайта.не задан
- short_nameИспользуется на главном экране, если name слишком длинное.не задан
- start_urlСтраница, которая открывается при запуске установленного приложения.не задан
- displaystandalone
- theme_colorЗадаёт цвет заголовка установленного приложения.не задан
- background_colorФон экрана-заставки.не задан
- icons · 192×192Android использует её для иконки на главном экране.не найден
- icons · 512×512Нужна для запроса установки и экрана-заставки.не найден
- icons · purpose: maskableБез неё Android уменьшает вашу иконку и кладёт её на белый круг.не найден
- idне задан
Поиск Google
Пройдено: 5 · 1 предупреждение- Поддерживаемый формат файлаICO · favicon.ico
- Квадрат, не меньше 8×8 px16×16
- Больше 48×48 pxGoogle рекомендует больше 48×48, чтобы иконка была чёткой. Подойдёт объявленный PNG 96×96 или Apple touch icon 180 px.16 px
- Объявлен на главной страницеда
- Не закрыт в robots.txtразрешён
- Стабильный URLбез редиректов
Мета и устаревшее
Необязательных: 4- theme-colorЗадаёт цвет интерфейса браузера на мобильных.не задан
- theme-color для тёмной темыmedia="(prefers-color-scheme: dark)"не задан
- msapplication-TileColorПлитки Windows, устарело.не задан
- browserconfig.xmlПлитки Windows, устарело.не найден
Доставка и производительность
Пройдено: 6 · 1 предупреждение- HTTPS для всех иконок4 из 4
- Нет смешанного контента0 ссылок http://
- Нет битых ссылок0 ошибок
- Заголовки кешаИконки меняются редко, кешируйте их хотя бы на сутки.3 из 4 · ≥ 1 дн.
- Общий вес иконок21,3 КБ
- Редиректы0
- Дубли теговнет
Теги иконок в <head>
<link rel="manifest" href="https://www.cnet.com/wp-content/themes/ziff-davis-theme/src/features/push-notifications/manifest.json"> <link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=32" sizes="32x32"> <link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=192" sizes="192x192"> <link rel="apple-touch-icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=180"> <meta name="msapplication-TileImage" content="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=270">
Вопросы о фавиконе cnet.com
Где находится фавикон cnet.com?
Основной лежит по адресу https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=32. Путь по умолчанию, https://www.cnet.com/favicon.ico, тоже отдаёт иконку.
Какого размера фавикон cnet.com?
cropped-favicon-480.png: 32×32. Самая большая растровая иконка сайта: cropped-favicon-480.png, 192×192 px.
Может ли поиск Google показать фавикон cnet.com?
Сайт соответствует правилам Google: favicon.ico (ICO-файл с изображениями 16 px (198 Б)) разрешён в robots.txt. Google рекомендует больше 48×48 px, поэтому иконка крупнее выглядела бы чётче. Что показывать, всё равно решает Google.
Есть ли у cnet.com Apple touch icon и maskable-иконка?
Apple touch icon: 180×180. В манифесте нет maskable-иконки, поэтому Android уменьшает обычную и кладёт её на белый круг.