浏览器标签页 · 浅色通过
ok.ru 的 favicon
- 26通过
- 3警告
- 1缺失
- 5可选
ok.ru 的主 favicon 是 favicon.svg,一个 2.0 KB 的 SVG 文件。共找到 11 个图标文件,总大小 77.2 KB。Google 搜索可以使用 icon_pwa_192.png,一个 192×192 的 PNG 文件(10.5 KB)。该网站得分 93/100:通过 26 项,警告 3 项,缺失 1 项。缺失:maskable manifest 图标。
显示效果
根据找到的文件渲染。
浏览器标签页 · 深色可选
请确认图标在深色标签页上仍然清晰可见。
OK | OK.ruhttps://ok.ru
Google 搜索通过
ОК
iOS 主屏幕通过
安卓 · maskable缺失
没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。
Одноклассники
PWA 安装与启动画面通过
ok.ru 的所有 favicon 文件
找到 11 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | rel="icon" · 默认路径 | ICO | 16, 32 px | 5.3 KB |
| favicon.svg | rel="icon" | SVG | 矢量 | 2.0 KB |
| logo_ok_16-r23.png | rel="icon" | PNG | 16×16 | 312 B |
| logo_ok_32-r23.png | rel="icon" | PNG | 32×32 | 519 B |
| logo_ok_42-r23.png | rel="icon" | PNG | 42×42 | 614 B |
| icon_pwa_192.png | rel="apple-touch-icon" | PNG | 192×192 | 10.5 KB |
| icon_pwa_192.png | manifest | PNG | 192×192 | 8.0 KB |
| icon_pwa_512.png | manifest | PNG | 512×512 | 36.5 KB |
| icon_pwa_96.png | manifest | PNG | 96×96 | 3.3 KB |
| icon_pwa_128.png | manifest | PNG | 128×128 | 4.7 KB |
| icon_pwa_144.png | manifest | PNG | 144×144 | 5.5 KB |
经典 favicon
4 项通过favicon.ico
通过<link sizes="16x16" rel="shortcut icon" id="favicon" href="/favicon.ico" type="image/x-icon">
- 格式
- ICO(真实)
- 包含
- 16 · 32
- 文件大小
- 5.3 KB
- 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 B
- 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 B
- 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 B
- HTTP
- 200
- Content-Type
- image/png
SVG 图标
1 项通过SVG favicon
通过<link rel="icon" href="/favicon.svg" type="image/svg+xml">
- 正方形 viewBox
- 是
- 深色模式
- 否
- 脚本
- 无
- 文件大小
- 2.0 KB
- HTTP
- 200
- Content-Type
- image/svg+xml
在 SVG 中加入 prefers-color-scheme 媒体查询,即可在深色浏览器主题下切换颜色。
Apple
1 项通过 · 1 项可选Apple 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 KB
- HTTP
- 200
mask
Safari 固定标签页(mask-icon)
可选<link rel="mask-icon" href="…" color="…"> – 未找到
旧标签。Safari 12 及以上使用常规 favicon,所以不再需要它。
Web 应用 manifest 文件
1 项通过json
manifest.json
通过<link id="manifest" rel="manifest" href="/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有效
- 文件大小
- 1.2 KB
- 同源
- 是
- 缓存
- 无
Manifest 字段
8 项通过 · 1 项警告 · 1 项缺失- nameОдноклассники
- short_nameОК
- start_url/?st.from=pwa
- displaystandalone
- theme_color为已安装应用的标题栏着色。未设置
- background_color#fff
- icons · 192×192PNG · 8.0 KB · 200
- icons · 512×512PNG · 36.5 KB · 200
- icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。未找到
- id/
Google 搜索
6 项通过- 支持的文件格式PNG · icon_pwa_192.png
- 正方形,至少 8×8 px192×192
- 大于 48×48 px192 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
4 项可选- theme-color为手机上的浏览器界面着色。未设置
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColorWindows 磁贴,旧版。未设置
- browserconfig.xmlWindows 磁贴,旧版。未找到
传输与性能
5 项通过 · 2 项警告- 所有图标使用 HTTPS11 / 11
- 没有混合内容0 个 http:// 链接
- 没有失效链接0 个错误
- 缓存头图标很少改动,请至少缓存一天。5 / 11 · ≥ 1 天
- 图标总体积77.2 KB
- 重定向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 favicon 的常见问题
ok.ru 的 favicon 在哪里?
主 favicon 位于 https://ok.ru/favicon.svg。默认路径 https://ok.ru/favicon.ico 也返回了一个图标。
ok.ru 的 favicon 尺寸是多少?
favicon.svg 是矢量文件,可缩放到任意尺寸。该网站最大的位图图标是 icon_pwa_512.png,512×512 px。
Google 搜索能显示 ok.ru 的 favicon 吗?
该网站符合 Google 的要求:icon_pwa_192.png 是一个 192×192 的 PNG 文件(10.5 KB),且 robots.txt 允许访问。最终显示什么,仍由 Google 决定。
ok.ru 有 Apple touch icon 和 maskable 图标吗?
Apple touch icon 的尺寸是 192×192。manifest 中没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。