theguardian.com 的 favicon
- 25通过
- 0警告
- 2缺失
- 10可选
theguardian.com 的主 favicon 是 favicon-32x32.ico,一个含 32 px 图像的 ICO 文件(4.2 KB)。共找到 13 个图标文件,总大小 55.8 KB。Google 搜索可以使用 apple-touch-icon-512.png,一个 512×512 的 PNG 文件(5.0 KB)。该网站得分 94/100:通过 25 项,警告 0 项,缺失 2 项。缺失:SVG favicon、maskable manifest 图标。
显示效果
根据找到的文件渲染。
没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。
theguardian.com 的所有 favicon 文件
找到 13 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | 默认路径 | ICO | 32 px | 4.2 KB |
| apple-touch-icon.svg | rel="apple-touch-icon" | SVG | 矢量 | 411 B |
| apple-touch-icon-512.png | rel="apple-touch-icon" | PNG | 512×512 | 5.0 KB |
| apple-touch-icon-360.png | rel="apple-touch-icon" | PNG | 360×360 | 3.7 KB |
| apple-touch-icon-240.png | rel="apple-touch-icon" | PNG | 240×240 | 2.7 KB |
| apple-touch-icon-120.png | rel="apple-touch-icon" | PNG | 120×120 | 1.5 KB |
| favicon-32x32.ico | rel="icon" | ICO | 32 px | 4.2 KB |
| roundel-512x512.png | manifest | PNG | 512×512 | 18.0 KB |
| roundel-192x192.png | manifest | PNG | 192×192 | 5.6 KB |
| roundel.svg | manifest | SVG | 矢量 | 437 B |
| roundel-256x256.png | manifest | PNG | 256×256 | 7.8 KB |
| roundel-152x152.png | manifest | PNG | 152×152 | 1.4 KB |
| roundel-114x114.png | manifest | PNG | 114×114 | 1.1 KB |
经典 favicon
2 项通过favicon.ico
通过GET /favicon.ico · HTML 中未声明(在根目录找到)
- 格式
- ICO(真实)
- 包含
- 32
- 文件大小
- 4.2 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- 缓存
- 1 天
ICO
通过<link rel="icon" href="https://static.guim.co.uk/images/favicon-32x32.ico">
- 声明
- 无尺寸
- 实际
- 32
- 格式
- ICO
- 文件大小
- 4.2 KB
- HTTP
- 200
- Content-Type
- image/x-icon
SVG 图标
1 项缺失SVG favicon
缺失<link rel="icon" type="image/svg+xml" href="…"> – 未找到
SVG 图标在任何尺寸下都清晰,还能在深色浏览器主题下切换颜色。
Apple
1 项通过 · 5 项可选Apple touch icon 56×56
可选<link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon.svg" sizes="any">
- 声明
- any
- 实际
- 56×56
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 411 B
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon
通过<link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-512.png" sizes="512x512">
- 声明
- 512×512
- 实际
- 512×512
- 建议
- 180×180
- 背景
- 不透明
- 文件大小
- 5.0 KB
- HTTP
- 200
Apple touch icon 360×360
可选<link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-360.png" sizes="360x360">
- 声明
- 360×360
- 实际
- 360×360
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 3.7 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 240×240
可选<link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-240.png" sizes="240x240">
- 声明
- 240×240
- 实际
- 240×240
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 2.7 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 120×120
可选<link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-120.png" sizes="120x120">
- 声明
- 120×120
- 实际
- 120×120
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 1.5 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Safari 固定标签页(mask-icon)
可选<link rel="mask-icon" href="…" color="…"> – 未找到
旧标签。Safari 12 及以上使用常规 favicon,所以不再需要它。
Web 应用 manifest 文件
1 项通过manifest.json
通过<link rel="manifest" href="https://assets.guim.co.uk/static/frontend/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有效
- 文件大小
- 1.1 KB
- 同源
- 否
- 缓存
- 10 年
Manifest 字段
7 项通过 · 1 项缺失 · 2 项可选- nameThe Guardian
- short_namename 太长时,主屏幕上改用它。未设置
- start_urlhttps://www.theguardian.com/
- displaybrowser
- theme_color#052962
- background_color#052962
- icons · 192×192PNG · 5.6 KB · 200
- icons · 512×512PNG · 18.0 KB · 200
- icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。未找到
- id未设置
Google 搜索
6 项通过- 支持的文件格式PNG · apple-touch-icon-512.png
- 正方形,至少 8×8 px512×512
- 大于 48×48 px512 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
1 项通过 · 3 项可选- theme-color#052962
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColorWindows 磁贴,旧版。未设置
- browserconfig.xmlWindows 磁贴,旧版。未找到
传输与性能
7 项通过- 所有图标使用 HTTPS13 / 13
- 没有混合内容0 个 http:// 链接
- 没有失效链接0 个错误
- 缓存头13 / 13 · ≥ 1 天
- 图标总体积55.8 KB
- 重定向0
- 重复的标签无
在 <head> 中找到的图标标签
<link rel="manifest" href="https://assets.guim.co.uk/static/frontend/manifest.json"> <link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon.svg" sizes="any"> <link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-512.png" sizes="512x512"> <link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-360.png" sizes="360x360"> <link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-240.png" sizes="240x240"> <link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-120.png" sizes="120x120"> <link rel="icon" href="https://static.guim.co.uk/images/favicon-32x32.ico"> <meta name="theme-color" content="#052962">
关于 theguardian.com favicon 的常见问题
theguardian.com 的 favicon 在哪里?
主 favicon 位于 https://static.guim.co.uk/images/favicon-32x32.ico。默认路径 https://www.theguardian.com/favicon.ico 也返回了一个图标。
theguardian.com 的 favicon 尺寸是多少?
favicon-32x32.ico 的尺寸是 32 px。该网站最大的位图图标是 apple-touch-icon-512.png,512×512 px。
Google 搜索能显示 theguardian.com 的 favicon 吗?
该网站符合 Google 的要求:apple-touch-icon-512.png 是一个 512×512 的 PNG 文件(5.0 KB),且 robots.txt 允许访问。最终显示什么,仍由 Google 决定。
theguardian.com 有 Apple touch icon 和 maskable 图标吗?
Apple touch icon 的尺寸是 512×512。manifest 中没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。