Фавикон figma.com
- 27пройдено
- 4предупреждения
- 0отсутствует
- 10необязательно
Основной фавикон figma.com: favicon.svg, SVG-файл размером 864 Б. Найдено 14 файлов иконок, всего 68,0 КБ. Поиск Google может использовать icon-256.png: файл PNG 256×256 (3,7 КБ). Сайт получает 92 из 100: пройдено: 27, 4 предупреждения, отсутствует: 0.
Как это выглядит
Отрисовано по найденным файлам.
Проверьте, что иконка видна на тёмной вкладке.
Все файлы фавикона figma.com
Найдено: 14| Файл | Где найден | Формат | Размер | Вес |
|---|---|---|---|---|
| favicon.ico | путь по умолчанию | ICO | 64 px | 16,6 КБ |
| icon-128.png | rel="icon" | PNG | 128×128 | 1,9 КБ |
| icon-192.png | rel="icon" · манифест | PNG | 192×192 | 2,8 КБ |
| icon-256.png | rel="icon" | PNG | 256×256 | 3,7 КБ |
| favicon.png | rel="icon" | PNG | 32×32 | 589 Б |
| favicon.svg | rel="icon" | SVG | вектор | 864 Б |
| favicon.ico | rel="icon" | ICO | 64 px | 16,6 КБ |
| touch-76.png | rel="apple-touch-icon" | PNG | 76×76 | 1,2 КБ |
| touch-120.png | rel="apple-touch-icon" | PNG | 120×120 | 1,9 КБ |
| touch-152.png | rel="apple-touch-icon" | PNG | 152×152 | 2,3 КБ |
| touch-167.png | rel="apple-touch-icon" | PNG | 167×167 | 2,5 КБ |
| touch-180.png | rel="apple-touch-icon" | PNG | 180×180 | 2,6 КБ |
| icon-512-maskable.png | манифест, maskable | PNG | 512×512 | 6,8 КБ |
| icon-512.png | манифест | PNG | 512×512 | 7,6 КБ |
Классический фавикон
Пройдено: 5 · 1 предупреждениеfavicon.ico
ПредупреждениеGET /favicon.ico · не объявлен в HTML (найден в корне)
- Формат
- ICO (настоящий)
- Содержит
- 64
- Размер файла
- 16,6 КБ
- HTTP
- 200
- Content-Type
- image/x-icon
- Кеш
- 4 часа
В ICO нет изображения 16 или 32 px, поэтому браузеры уменьшают более крупное.
PNG 128×128
Пройдено<link rel="icon" href="https://static.figma.com/app/icon/2/icon-128.png" sizes="128x128">
- Заявлено
- 128×128
- Фактически
- 128×128
- Формат
- PNG
- Размер файла
- 1,9 КБ
- HTTP
- 200
- Content-Type
- image/png
PNG 192×192
Пройдено<link rel="icon" href="https://static.figma.com/app/icon/2/icon-192.png" sizes="192x192">
- Заявлено
- 192×192
- Фактически
- 192×192
- Формат
- PNG
- Размер файла
- 2,8 КБ
- HTTP
- 200
- Content-Type
- image/png
PNG 256×256
Пройдено<link rel="icon" href="https://static.figma.com/app/icon/2/icon-256.png" sizes="256x256">
- Заявлено
- 256×256
- Фактически
- 256×256
- Формат
- PNG
- Размер файла
- 3,7 КБ
- HTTP
- 200
- Content-Type
- image/png
PNG
Пройдено<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.png" type="image/png">
- Заявлено
- без размеров
- Фактически
- 32×32
- Формат
- PNG
- Размер файла
- 589 Б
- HTTP
- 200
- Content-Type
- image/png
ICO
Пройдено<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.ico" type="image/vnd.microsoft.icon">
- Заявлено
- без размеров
- Фактически
- 64
- Формат
- ICO
- Размер файла
- 16,6 КБ
- HTTP
- 200
- Content-Type
- image/x-icon
SVG-иконка
Пройдено: 1SVG-фавикон
Пройдено<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.svg" sizes="any" type="image/svg+xml">
- Квадратный viewBox
- да
- Тёмная тема
- нет
- Скрипты
- нет
- Размер файла
- 864 Б
- HTTP
- 200
- Content-Type
- image/svg+xml
Добавьте в SVG медиазапрос prefers-color-scheme, чтобы менять цвета для тёмных тем браузера.
Apple
Пройдено: 1 · Необязательных: 5Apple touch icon 76×76
Необязательно<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-76.png" sizes="76x76">
- Заявлено
- 76×76
- Фактически
- 76×76
- Рекомендуется
- 180×180
- Фон
- не измерен
- Размер файла
- 1,2 КБ
- HTTP
- 200
Устаревший размер. Современная iOS использует иконку 180 px.
Apple touch icon 120×120
Необязательно<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-120.png" sizes="120x120">
- Заявлено
- 120×120
- Фактически
- 120×120
- Рекомендуется
- 180×180
- Фон
- не измерен
- Размер файла
- 1,9 КБ
- HTTP
- 200
Устаревший размер. Современная iOS использует иконку 180 px.
Apple touch icon 152×152
Необязательно<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-152.png" sizes="152x152">
- Заявлено
- 152×152
- Фактически
- 152×152
- Рекомендуется
- 180×180
- Фон
- не измерен
- Размер файла
- 2,3 КБ
- HTTP
- 200
Устаревший размер. Современная iOS использует иконку 180 px.
Apple touch icon 167×167
Необязательно<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-167.png" sizes="167x167">
- Заявлено
- 167×167
- Фактически
- 167×167
- Рекомендуется
- 180×180
- Фон
- не измерен
- Размер файла
- 2,5 КБ
- HTTP
- 200
Устаревший размер. Современная iOS использует иконку 180 px.
Apple touch icon
Пройдено<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-180.png" sizes="180x180">
- Заявлено
- 180×180
- Фактически
- 180×180
- Рекомендуется
- 180×180
- Фон
- непрозрачный
- Размер файла
- 2,6 КБ
- HTTP
- 200
Закреплённая вкладка Safari (mask-icon)
Необязательно<link rel="mask-icon" href="…" color="…"> – не найден
Устарело. Safari 12+ использует обычный фавикон, поэтому она больше не нужна.
Файл манифеста веб-приложения
Пройдено: 1manifest.json
Пройдено<link rel="manifest" href="/manifest.json?v=1">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- корректный
- Размер файла
- 555 Б
- Тот же origin
- да
- Кеш
- 30 с
Поля манифеста
Пройдено: 7 · 1 предупреждение · Необязательных: 2- nameFigma
- short_nameИспользуется на главном экране, если name слишком длинное.не задан
- start_urlСтраница, которая открывается при запуске установленного приложения.не задан
- displaystandalone
- theme_color#000000
- background_color#000000
- icons · 192×192PNG · 2,8 КБ · 200
- icons · 512×512PNG · 7,6 КБ · 200
- icons · purpose: maskable512×512
- idне задан
Поиск Google
Пройдено: 6- Поддерживаемый формат файлаPNG · icon-256.png
- Квадрат, не меньше 8×8 px256×256
- Больше 48×48 px256 px
- Объявлен на главной страницеда
- Не закрыт в robots.txtразрешён
- Стабильный URLбез редиректов
Мета и устаревшее
Пройдено: 1 · Необязательных: 3- theme-color#ffffff
- theme-color для тёмной темыmedia="(prefers-color-scheme: dark)"не задан
- msapplication-TileColorПлитки Windows, устарело.не задан
- browserconfig.xmlПлитки Windows, устарело.не найден
Доставка и производительность
Пройдено: 5 · 2 предупреждения- HTTPS для всех иконок14 из 14
- Нет смешанного контента0 ссылок http://
- Нет битых ссылок0 ошибок
- Заголовки кешаИконки меняются редко, кешируйте их хотя бы на сутки.0 из 14 · ≥ 1 дн.
- Общий вес иконок68,0 КБ
- Редиректы0
- Дубли теговНесколько тегов rel="icon" объявляют один размер, а браузеры берут последний.2 × без sizes
Теги иконок в <head>
<link rel="manifest" href="/manifest.json?v=1"> <link rel="icon" href="https://static.figma.com/app/icon/2/icon-128.png" sizes="128x128"> <link rel="icon" href="https://static.figma.com/app/icon/2/icon-192.png" sizes="192x192"> <link rel="icon" href="https://static.figma.com/app/icon/2/icon-256.png" sizes="256x256"> <link rel="icon" href="https://static.figma.com/app/icon/2/favicon.png" type="image/png"> <link rel="icon" href="https://static.figma.com/app/icon/2/favicon.svg" sizes="any" type="image/svg+xml"> <link rel="icon" href="https://static.figma.com/app/icon/2/favicon.ico" type="image/vnd.microsoft.icon"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-76.png" sizes="76x76"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-120.png" sizes="120x120"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-152.png" sizes="152x152"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-167.png" sizes="167x167"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-180.png" sizes="180x180"> <meta name="theme-color" content="#ffffff">
Вопросы о фавиконе figma.com
Где находится фавикон figma.com?
Основной лежит по адресу https://static.figma.com/app/icon/2/favicon.svg. Путь по умолчанию, https://www.figma.com/favicon.ico, тоже отдаёт иконку.
Какого размера фавикон figma.com?
favicon.svg векторный, поэтому масштабируется до любого размера. Самая большая растровая иконка сайта: icon-512-maskable.png, 512×512 px.
Может ли поиск Google показать фавикон figma.com?
Сайт соответствует правилам Google: icon-256.png (файл PNG 256×256 (3,7 КБ)) разрешён в robots.txt. Что показывать, всё равно решает Google.
Есть ли у figma.com Apple touch icon и maskable-иконка?
Apple touch icon: 180×180. В манифесте есть maskable-иконка.