favicon-checker.com

theguardian.com 的 favicon

https://www.theguardian.com/international · 2 次重定向 · 检测于

  • 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 图标。

显示效果

根据找到的文件渲染。

Latest news, sport and opinion from the Guardian
浏览器标签页 · 浅色通过
Latest news, sport and opinion from the Guardian
浏览器标签页 · 深色通过
theguardian.comhttps://www.theguardian.com
Latest news, sport and opinion from the Guardian Latest international news, sport and comment from the Guardian
Google 搜索通过
The Guardian
iOS 主屏幕通过
安卓 · maskable缺失

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

The Guardian
PWA 安装与启动画面通过

theguardian.com 的所有 favicon 文件

找到 13 个
文件来源格式尺寸体积
favicon.ico默认路径ICO32 px4.2 KB
apple-touch-icon.svgrel="apple-touch-icon"SVG矢量411 B
apple-touch-icon-512.pngrel="apple-touch-icon"PNG512×5125.0 KB
apple-touch-icon-360.pngrel="apple-touch-icon"PNG360×3603.7 KB
apple-touch-icon-240.pngrel="apple-touch-icon"PNG240×2402.7 KB
apple-touch-icon-120.pngrel="apple-touch-icon"PNG120×1201.5 KB
favicon-32x32.icorel="icon"ICO32 px4.2 KB
roundel-512x512.pngmanifestPNG512×51218.0 KB
roundel-192x192.pngmanifestPNG192×1925.6 KB
roundel.svgmanifestSVG矢量437 B
roundel-256x256.pngmanifestPNG256×2567.8 KB
roundel-152x152.pngmanifestPNG152×1521.4 KB
roundel-114x114.pngmanifestPNG114×1141.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

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 的图标。

mask

Safari 固定标签页(mask-icon)

可选
<link rel="mask-icon" href="…" color="…"> – 未找到

旧标签。Safari 12 及以上使用常规 favicon,所以不再需要它。

Web 应用 manifest 文件

1 项通过
json

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 项可选
  • name
    The Guardian
  • short_namename 太长时,主屏幕上改用它。
    未设置
  • start_url
    https://www.theguardian.com/
  • display
    browser
  • theme_color
    #052962
  • background_color
    #052962
  • icons · 192×192
    PNG · 5.6 KB · 200
  • icons · 512×512
    PNG · 18.0 KB · 200
  • icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。
    未找到
  • id
    未设置

Google 搜索

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

Meta 与旧版

1 项通过 · 3 项可选
  • theme-color
    #052962
  • 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"
    未设置
  • msapplication-TileColorWindows 磁贴,旧版。
    未设置
  • browserconfig.xmlWindows 磁贴,旧版。
    未找到

传输与性能

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

更多 favicon 检测报告

所有已检测的网站