Фавикон ok.ru
- 26пройдено
- 3предупреждения
- 1отсутствует
- 5необязательно
Основной фавикон ok.ru: favicon.svg, SVG-файл размером 2,0 КБ. Найдено 11 файлов иконок, всего 77,2 КБ. Поиск Google может использовать icon_pwa_192.png: файл PNG 192×192 (10,5 КБ). Сайт получает 93 из 100: пройдено: 26, 3 предупреждения, отсутствует: 1. Отсутствуют: Maskable-иконка манифеста.
Как это выглядит
Отрисовано по найденным файлам.
Проверьте, что иконка видна на тёмной вкладке.
Maskable-иконки нет, поэтому Android уменьшает обычную и кладёт её на белый круг.
Все файлы фавикона ok.ru
Найдено: 11| Файл | Где найден | Формат | Размер | Вес |
|---|---|---|---|---|
| favicon.ico | rel="icon" · путь по умолчанию | ICO | 16, 32 px | 5,3 КБ |
| favicon.svg | rel="icon" | SVG | вектор | 2,0 КБ |
| logo_ok_16-r23.png | rel="icon" | PNG | 16×16 | 312 Б |
| logo_ok_32-r23.png | rel="icon" | PNG | 32×32 | 519 Б |
| logo_ok_42-r23.png | rel="icon" | PNG | 42×42 | 614 Б |
| icon_pwa_192.png | rel="apple-touch-icon" | PNG | 192×192 | 10,5 КБ |
| icon_pwa_192.png | манифест | PNG | 192×192 | 8,0 КБ |
| icon_pwa_512.png | манифест | PNG | 512×512 | 36,5 КБ |
| icon_pwa_96.png | манифест | PNG | 96×96 | 3,3 КБ |
| icon_pwa_128.png | манифест | PNG | 128×128 | 4,7 КБ |
| icon_pwa_144.png | манифест | PNG | 144×144 | 5,5 КБ |
Классический фавикон
Пройдено: 4favicon.ico
Пройдено<link sizes="16x16" rel="shortcut icon" id="favicon" href="/favicon.ico" type="image/x-icon">
- Формат
- ICO (настоящий)
- Содержит
- 16 · 32
- Размер файла
- 5,3 КБ
- HTTP
- 200
- Content-Type
- image/x-icon
- Кеш
- нет
PNG 16×16
Пройдено<link rel="icon" type="image/png" sizes="16x16" href="/res/i/logo_ok_16-r23.png">
- Заявлено
- 16×16
- Фактически
- 16×16
- Формат
- PNG
- Размер файла
- 312 Б
- HTTP
- 200
- Content-Type
- image/png
PNG 32×32
Пройдено<link rel="icon" type="image/png" sizes="32x32" href="/res/i/logo_ok_32-r23.png">
- Заявлено
- 32×32
- Фактически
- 32×32
- Формат
- PNG
- Размер файла
- 519 Б
- HTTP
- 200
- Content-Type
- image/png
PNG 42×42
Пройдено<link rel="icon" type="image/png" sizes="42x42" href="/res/i/logo_ok_42-r23.png">
- Заявлено
- 42×42
- Фактически
- 42×42
- Формат
- PNG
- Размер файла
- 614 Б
- HTTP
- 200
- Content-Type
- image/png
SVG-иконка
Пройдено: 1SVG-фавикон
Пройдено<link rel="icon" href="/favicon.svg" type="image/svg+xml">
- Квадратный viewBox
- да
- Тёмная тема
- нет
- Скрипты
- нет
- Размер файла
- 2,0 КБ
- HTTP
- 200
- Content-Type
- image/svg+xml
Добавьте в SVG медиазапрос prefers-color-scheme, чтобы менять цвета для тёмных тем браузера.
Apple
Пройдено: 1 · Необязательных: 1Apple touch icon
Пройдено<link rel="apple-touch-icon" type="image/png" href="/res/i/pwa/icons/icon_pwa_192.png">
- Заявлено
- без размеров
- Фактически
- 192×192
- Рекомендуется
- 180×180
- Фон
- непрозрачный
- Размер файла
- 10,5 КБ
- HTTP
- 200
Закреплённая вкладка Safari (mask-icon)
Необязательно<link rel="mask-icon" href="…" color="…"> – не найден
Устарело. Safari 12+ использует обычный фавикон, поэтому она больше не нужна.
Файл манифеста веб-приложения
Пройдено: 1manifest.json
Пройдено<link id="manifest" rel="manifest" href="/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- корректный
- Размер файла
- 1,2 КБ
- Тот же origin
- да
- Кеш
- нет
Поля манифеста
Пройдено: 8 · 1 предупреждение · Отсутствует: 1- nameОдноклассники
- short_nameОК
- start_url/?st.from=pwa
- displaystandalone
- theme_colorЗадаёт цвет заголовка установленного приложения.не задан
- background_color#fff
- icons · 192×192PNG · 8,0 КБ · 200
- icons · 512×512PNG · 36,5 КБ · 200
- icons · purpose: maskableБез неё Android уменьшает вашу иконку и кладёт её на белый круг.не найден
- id/
Поиск Google
Пройдено: 6- Поддерживаемый формат файлаPNG · icon_pwa_192.png
- Квадрат, не меньше 8×8 px192×192
- Больше 48×48 px192 px
- Объявлен на главной страницеда
- Не закрыт в robots.txtразрешён
- Стабильный URLбез редиректов
Мета и устаревшее
Необязательных: 4- theme-colorЗадаёт цвет интерфейса браузера на мобильных.не задан
- theme-color для тёмной темыmedia="(prefers-color-scheme: dark)"не задан
- msapplication-TileColorПлитки Windows, устарело.не задан
- browserconfig.xmlПлитки Windows, устарело.не найден
Доставка и производительность
Пройдено: 5 · 2 предупреждения- HTTPS для всех иконок11 из 11
- Нет смешанного контента0 ссылок http://
- Нет битых ссылок0 ошибок
- Заголовки кешаИконки меняются редко, кешируйте их хотя бы на сутки.5 из 11 · ≥ 1 дн.
- Общий вес иконок77,2 КБ
- Редиректы0
- Дубли теговНесколько тегов rel="icon" объявляют один размер, а браузеры берут последний.2 × sizes="16x16"
Теги иконок в <head>
<link sizes="16x16" rel="shortcut icon" id="favicon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" type="image/png" sizes="16x16" href="/res/i/logo_ok_16-r23.png"> <link rel="icon" type="image/png" sizes="32x32" href="/res/i/logo_ok_32-r23.png"> <link rel="icon" type="image/png" sizes="42x42" href="/res/i/logo_ok_42-r23.png"> <link rel="apple-touch-icon" type="image/png" href="/res/i/pwa/icons/icon_pwa_192.png"> <link id="manifest" rel="manifest" href="/manifest.json" crossorigin="use-credentials">
Вопросы о фавиконе ok.ru
Где находится фавикон ok.ru?
Основной лежит по адресу https://ok.ru/favicon.svg. Путь по умолчанию, https://ok.ru/favicon.ico, тоже отдаёт иконку.
Какого размера фавикон ok.ru?
favicon.svg векторный, поэтому масштабируется до любого размера. Самая большая растровая иконка сайта: icon_pwa_512.png, 512×512 px.
Может ли поиск Google показать фавикон ok.ru?
Сайт соответствует правилам Google: icon_pwa_192.png (файл PNG 192×192 (10,5 КБ)) разрешён в robots.txt. Что показывать, всё равно решает Google.
Есть ли у ok.ru Apple touch icon и maskable-иконка?
Apple touch icon: 192×192. В манифесте нет maskable-иконки, поэтому Android уменьшает обычную и кладёт её на белый круг.