Фавикон buzzfeed.com
- 20пройдено
- 5предупреждений
- 4отсутствует
- 9необязательно
Основной фавикон buzzfeed.com: favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico, ICO-файл с изображениями 16, 24, 32, 48 и 96 px (54,3 КБ). Найдено 9 файлов иконок, всего 190,8 КБ. Поиск Google может использовать touch-icon-android.6f90f349a263fafae3843e9decf2812a.png: файл PNG 192×192 (5,9 КБ). Сайт получает 80 из 100: пройдено: 20, 5 предупреждений, отсутствует: 4. Отсутствуют: SVG-фавикон, Иконка манифеста 192 px, Иконка манифеста 512 px и ещё 1.
Как это выглядит
Отрисовано по найденным файлам.
iOS заливает прозрачные области чёрным. Задайте иконке сплошной фон.
В манифесте нет иконок, поэтому Android берёт скриншот или букву.
В манифесте нет иконки 512 px, поэтому нет ни запроса установки, ни экрана-заставки.
Все файлы фавикона buzzfeed.com
Найдено: 9| Файл | Где найден | Формат | Размер | Вес |
|---|---|---|---|---|
| favicon.ico | путь по умолчанию | ICO | 16, 32, 48, 64, 128 px | 97,3 КБ |
| touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png | rel="apple-touch-icon" | PNG | 60×60 | 1,6 КБ |
| touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png | rel="apple-touch-icon" | PNG | 76×76 | 2,1 КБ |
| touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png | rel="apple-touch-icon" | PNG | 120×120 | 3,5 КБ |
| touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png | rel="apple-touch-icon" | PNG | 152×152 | 4,5 КБ |
| touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png | rel="apple-touch-icon" | PNG | 180×180 | 5,5 КБ |
| touch-icon-android.6f90f349a263fafae3843e9decf2812a.png | rel="icon" | PNG | 192×192 | 5,9 КБ |
| favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico | rel="icon" | ICO | 16, 24, 32, 48, 96 px | 54,3 КБ |
| buzzfeed_webapp_logo.0ea3c59fd2aeb164cfdfe77e74ab3aa2.png | манифест | PNG | 144×144 | 16,0 КБ |
Классический фавикон
Пройдено: 2 · 1 предупреждениеfavicon.ico
ПройденоGET /favicon.ico · не объявлен в HTML (найден в корне)
- Формат
- ICO (настоящий)
- Содержит
- 16 · 32 · 48 · 64 · 128
- Размер файла
- 97,3 КБ
- HTTP
- 200
- Content-Type
- image/x-icon
- Кеш
- 12 месяцев
PNG 196×196
Предупреждение<link rel="shortcut icon" sizes="196x196" href="/static-assets/img/touch-icon-android.6f90f349a263fafae3843e9decf2812a.png">
- Заявлено
- 196×196
- Фактически
- 192×192
- Формат
- PNG
- Размер файла
- 5,9 КБ
- HTTP
- 200
- Content-Type
- image/png
Заявленный размер не совпадает с файлом. Браузеры могут выбрать не ту иконку для маленьких вкладок.
ICO
Пройдено<link rel="shortcut icon" crossorigin="" href="/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico" type="image/x-icon">
- Заявлено
- без размеров
- Фактически
- 16 · 24 · 32 · 48 · 96
- Формат
- ICO
- Размер файла
- 54,3 КБ
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
SVG-иконка
Отсутствует: 1SVG-фавикон
Отсутствует<link rel="icon" type="image/svg+xml" href="…"> – не найден
SVG-иконка остаётся чёткой при любом размере и умеет менять цвета для тёмных тем браузера.
Apple
1 предупреждение · Необязательных: 5Apple touch icon 60×60
Необязательно<link rel="apple-touch-icon" href="/static-assets/img/touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png">
- Заявлено
- без размеров
- Фактически
- 60×60
- Рекомендуется
- 180×180
- Фон
- не измерен
- Размер файла
- 1,6 КБ
- HTTP
- 200
Устаревший размер. Современная iOS использует иконку 180 px.
Apple touch icon 76×76
Необязательно<link rel="apple-touch-icon" sizes="76x76" href="/static-assets/img/touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png">
- Заявлено
- 76×76
- Фактически
- 76×76
- Рекомендуется
- 180×180
- Фон
- не измерен
- Размер файла
- 2,1 КБ
- HTTP
- 200
Устаревший размер. Современная iOS использует иконку 180 px.
Apple touch icon 120×120
Необязательно<link rel="apple-touch-icon" sizes="120x120" href="/static-assets/img/touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png">
- Заявлено
- 120×120
- Фактически
- 120×120
- Рекомендуется
- 180×180
- Фон
- не измерен
- Размер файла
- 3,5 КБ
- HTTP
- 200
Устаревший размер. Современная iOS использует иконку 180 px.
Apple touch icon 152×152
Необязательно<link rel="apple-touch-icon" sizes="152x152" href="/static-assets/img/touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png">
- Заявлено
- 152×152
- Фактически
- 152×152
- Рекомендуется
- 180×180
- Фон
- не измерен
- Размер файла
- 4,5 КБ
- HTTP
- 200
Устаревший размер. Современная iOS использует иконку 180 px.
Apple touch icon
Предупреждение<link rel="apple-touch-icon" sizes="180x180" href="/static-assets/img/touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png">
- Заявлено
- 180×180
- Фактически
- 180×180
- Рекомендуется
- 180×180
- Фон
- прозрачный
- Размер файла
- 5,5 КБ
- HTTP
- 200
iOS заливает прозрачные области чёрным. Задайте иконке сплошной фон.
Закреплённая вкладка Safari (mask-icon)
Необязательно<link rel="mask-icon" href="…" color="…"> – не найден
Устарело. Safari 12+ использует обычный фавикон, поэтому она больше не нужна.
Файл манифеста веб-приложения
Пройдено: 1manifest.json
Пройдено<link rel="manifest" crossorigin="use-credentials" href="/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- корректный
- Размер файла
- 346 Б
- Тот же origin
- да
- Кеш
- no-cache
Поля манифеста
Пройдено: 3 · 3 предупреждения · Отсутствует: 3 · Необязательных: 1- nameBuzzFeed
- short_nameBuzzFeed
- start_urlСтраница, которая открывается при запуске установленного приложения.не задан
- displayПо умолчанию «browser», такое приложение нельзя установить.не задан
- theme_color#ee3322
- background_colorФон экрана-заставки.не задан
- icons · 192×192Android использует её для иконки на главном экране.не найден
- icons · 512×512Нужна для запроса установки и экрана-заставки.не найден
- icons · purpose: maskableБез неё Android уменьшает вашу иконку и кладёт её на белый круг.не найден
- idне задан
Поиск Google
Пройдено: 6- Поддерживаемый формат файлаPNG · touch-icon-android.6f90f349a263fafae3843e9decf2812a.png
- Квадрат, не меньше 8×8 px192×192
- Больше 48×48 px192 px
- Объявлен на главной страницеда
- Не закрыт в robots.txtразрешён
- Стабильный URLбез редиректов
Мета и устаревшее
Пройдено: 1 · Необязательных: 3- theme-color#ee3322
- theme-color для тёмной темыmedia="(prefers-color-scheme: dark)"не задан
- msapplication-TileColorПлитки Windows, устарело.не задан
- browserconfig.xmlПлитки Windows, устарело.не найден
Доставка и производительность
Пройдено: 7- HTTPS для всех иконок9 из 9
- Нет смешанного контента0 ссылок http://
- Нет битых ссылок0 ошибок
- Заголовки кеша9 из 9 · ≥ 1 дн.
- Общий вес иконок190,8 КБ
- Редиректы0
- Дубли теговнет
Теги иконок в <head>
<link rel="manifest" crossorigin="use-credentials" href="/manifest.json"> <link rel="apple-touch-icon" href="/static-assets/img/touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png"> <link rel="apple-touch-icon" sizes="76x76" href="/static-assets/img/touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png"> <link rel="apple-touch-icon" sizes="120x120" href="/static-assets/img/touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png"> <link rel="apple-touch-icon" sizes="152x152" href="/static-assets/img/touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static-assets/img/touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png"> <link rel="shortcut icon" sizes="196x196" href="/static-assets/img/touch-icon-android.6f90f349a263fafae3843e9decf2812a.png"> <link rel="shortcut icon" crossorigin="" href="/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico" type="image/x-icon"> <meta name="theme-color" content="#ee3322">
Вопросы о фавиконе buzzfeed.com
Где находится фавикон buzzfeed.com?
Основной лежит по адресу https://www.buzzfeed.com/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico. Путь по умолчанию, https://www.buzzfeed.com/favicon.ico, тоже отдаёт иконку.
Какого размера фавикон buzzfeed.com?
favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico: 16, 24, 32, 48, 96 px. Самая большая растровая иконка сайта: touch-icon-android.6f90f349a263fafae3843e9decf2812a.png, 192×192 px.
Может ли поиск Google показать фавикон buzzfeed.com?
Сайт соответствует правилам Google: touch-icon-android.6f90f349a263fafae3843e9decf2812a.png (файл PNG 192×192 (5,9 КБ)) разрешён в robots.txt. Что показывать, всё равно решает Google.
Есть ли у buzzfeed.com Apple touch icon и maskable-иконка?
Apple touch icon: 180×180, с прозрачными областями, которые iOS делает чёрными. В манифесте нет maskable-иконки, поэтому Android уменьшает обычную и кладёт её на белый круг.