favicon-checker.com

ok.ru 的 favicon

https://ok.ru/ · 检测于

  • 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 social network. Communication with friends on OK. Your meeting place with classmates
浏览器标签页 · 浅色通过
OK social network. Communication with friends on OK. Your meeting place with classmates
浏览器标签页 · 深色可选

请确认图标在深色标签页上仍然清晰可见。

OK | OK.ruhttps://ok.ru
OK social network. Communication with friends on OK. Your meeting place with classmates OK is a social network where you can find your old friends. Communication, online games, send gifts and cards to friends. Come to OK, and share your emotions with friends, colleagues and classmates.
Google 搜索通过
ОК
iOS 主屏幕通过
安卓 · maskable缺失

没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。

Одноклассники
PWA 安装与启动画面通过

ok.ru 的所有 favicon 文件

找到 11 个
文件来源格式尺寸体积
favicon.icorel="icon" · 默认路径ICO16, 32 px5.3 KB
favicon.svgrel="icon"SVG矢量2.0 KB
logo_ok_16-r23.pngrel="icon"PNG16×16312 B
logo_ok_32-r23.pngrel="icon"PNG32×32519 B
logo_ok_42-r23.pngrel="icon"PNG42×42614 B
icon_pwa_192.pngrel="apple-touch-icon"PNG192×19210.5 KB
icon_pwa_192.pngmanifestPNG192×1928.0 KB
icon_pwa_512.pngmanifestPNG512×51236.5 KB
icon_pwa_96.pngmanifestPNG96×963.3 KB
icon_pwa_128.pngmanifestPNG128×1284.7 KB
icon_pwa_144.pngmanifestPNG144×1445.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
  • display
    standalone
  • theme_color为已安装应用的标题栏着色。
    未设置
  • background_color
    #fff
  • icons · 192×192
    PNG · 8.0 KB · 200
  • icons · 512×512
    PNG · 36.5 KB · 200
  • icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。
    未找到
  • id
    /

Google 搜索

6 项通过
  • 支持的文件格式
    PNG · icon_pwa_192.png
  • 正方形,至少 8×8 px
    192×192
  • 大于 48×48 px
    192 px
  • 在首页中声明
    是
  • 未被 robots.txt 屏蔽
    允许
  • 网址稳定
    无重定向

Meta 与旧版

4 项可选
  • theme-color为手机上的浏览器界面着色。
    未设置
  • 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"
    未设置
  • msapplication-TileColorWindows 磁贴,旧版。
    未设置
  • browserconfig.xmlWindows 磁贴,旧版。
    未找到

传输与性能

5 项通过 · 2 项警告
  • 所有图标使用 HTTPS
    11 / 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 图标,所以安卓会把常规图标缩小后放在白色圆形上。

更多 favicon 检测报告

所有已检测的网站