nbcnews.com 的 favicon
- 18通过
- 6警告
- 12缺失
- 11可选
nbcnews.com 的主 favicon 是 favicon-32x32.png,一个 32×32 的 PNG 文件(978 B)。共找到 12 个图标文件,总大小 29.5 KB。Google 搜索可以使用 apple-icon.png,一个 192×192 的 PNG 文件(4.9 KB)。该网站得分 57/100:通过 18 项,警告 6 项,缺失 12 项。缺失:favicon.ico、图标 36×36、图标 48×48,另有 9 项。
显示效果
根据找到的文件渲染。
iOS 会把透明区域填成黑色。请给图标加上纯色背景。
manifest 中没有图标,所以安卓会改用截图或一个字母。
manifest 中没有 512 px 图标,所以没有安装提示和启动画面。
nbcnews.com 的所有 favicon 文件
找到 12 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | rel="icon" | ICO | 16 px | 1.1 KB |
| favicon-16x16.png | rel="icon" | PNG | 16×16 | 524 B |
| favicon-32x32.png | rel="icon" | PNG | 32×32 | 978 B |
| favicon-96x96.png | rel="icon" | PNG | 96×96 | 2.8 KB |
| apple-icon.png | rel="apple-touch-icon" | PNG | 192×192 | 4.9 KB |
| apple-icon-precomposed.png | rel="apple-touch-icon" | PNG | 192×192 | 4.9 KB |
| apple-icon-57x57.png | rel="apple-touch-icon" | PNG | 57×57 | 1.7 KB |
| apple-icon-60x60.png | rel="apple-touch-icon" | PNG | 60×60 | 1.7 KB |
| apple-icon-72x72.png | rel="apple-touch-icon" | PNG | 72×72 | 2.1 KB |
| apple-icon-76x76.png | rel="apple-touch-icon" | PNG | 76×76 | 2.2 KB |
| apple-icon-114x114.png | rel="apple-touch-icon" | PNG | 114×114 | 3.2 KB |
| apple-icon-120x120.png | rel="apple-touch-icon" | PNG | 120×120 | 3.3 KB |
经典 favicon
4 项通过 · 7 项缺失favicon.ico
缺失GET /favicon.ico – 未找到
- HTTP
- 404
即使 HTML 声明了其他图标,浏览器、RSS 阅读器和许多爬虫仍会请求 /favicon.ico。该文件返回 HTTP 404。
ICO
通过<link rel="shortcut icon" type="image/x-icon" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon.ico" data-next-head="">
- 声明
- 无尺寸
- 实际
- 16
- 格式
- ICO
- 文件大小
- 1.1 KB
- HTTP
- 200
- Content-Type
- image/x-icon
PNG 16×16
通过<link rel="icon" type="image/png" sizes="16x16" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon-16x16.png" data-next-head="">
- 声明
- 16×16
- 实际
- 16×16
- 格式
- PNG
- 文件大小
- 524 B
- HTTP
- 200
- Content-Type
- image/png
PNG 32×32
通过<link rel="icon" type="image/png" sizes="32x32" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon-32x32.png" data-next-head="">
- 声明
- 32×32
- 实际
- 32×32
- 格式
- PNG
- 文件大小
- 978 B
- HTTP
- 200
- Content-Type
- image/png
PNG 96×96
通过<link rel="icon" type="image/png" sizes="96x96" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon-96x96.png" data-next-head="">
- 声明
- 96×96
- 实际
- 96×96
- 格式
- PNG
- 文件大小
- 2.8 KB
- HTTP
- 200
- Content-Type
- image/png
图标 36×36
缺失<link rel="icon" sizes="36x36" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-36x36.png" data-next-head="">
无法获取该文件(连接失败)。
图标 48×48
缺失<link rel="icon" sizes="48x48" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-48x48.png" data-next-head="">
无法获取该文件(连接失败)。
图标 72×72
缺失<link rel="icon" sizes="72x72" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-72x72.png" data-next-head="">
无法获取该文件(连接失败)。
图标 96×96
缺失<link rel="icon" sizes="96x96" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-96x96.png" data-next-head="">
无法获取该文件(连接失败)。
图标 144×144
缺失<link rel="icon" sizes="144x144" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-144x144.png" data-next-head="">
无法获取该文件(连接失败)。
图标 192×192
缺失<link rel="icon" sizes="192x192" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-192x192.png" data-next-head="">
无法获取该文件(连接失败)。
SVG 图标
1 项缺失SVG favicon
缺失<link rel="icon" type="image/svg+xml" href="…"> – 未找到
SVG 图标在任何尺寸下都清晰,还能在深色浏览器主题下切换颜色。
Apple
1 项警告 · 6 项可选Apple touch icon
警告<link rel="apple-touch-icon" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon.png" data-next-head="">
- 声明
- 无尺寸
- 实际
- 192×192
- 建议
- 180×180
- 背景
- 透明
- 文件大小
- 4.9 KB
- HTTP
- 200
iOS 会把透明区域填成黑色。请给图标加上纯色背景。
Apple touch icon 192×192
可选<link rel="apple-touch-icon-precomposed" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-precomposed.png" data-next-head="">
- 声明
- 无尺寸
- 实际
- 192×192
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 4.9 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 57×57
可选<link rel="apple-touch-icon" sizes="57x57" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-57x57.png" data-next-head="">
- 声明
- 57×57
- 实际
- 57×57
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 1.7 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 60×60
可选<link rel="apple-touch-icon" sizes="60x60" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-60x60.png" data-next-head="">
- 声明
- 60×60
- 实际
- 60×60
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 1.7 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 72×72
可选<link rel="apple-touch-icon" sizes="72x72" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-72x72.png" data-next-head="">
- 声明
- 72×72
- 实际
- 72×72
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 2.1 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 76×76
可选<link rel="apple-touch-icon" sizes="76x76" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-76x76.png" data-next-head="">
- 声明
- 76×76
- 实际
- 76×76
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 2.2 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://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/manifest.json" data-next-head="">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有效
- 文件大小
- 720 B
- 同源
- 否
- 缓存
- 1 天
Manifest 字段
1 项通过 · 4 项警告 · 3 项缺失 · 2 项可选- nameApp
- short_namename 太长时,主屏幕上改用它。未设置
- start_url已安装的应用启动时打开的页面。未设置
- display默认值是 "browser",该值下无法安装。未设置
- theme_color为已安装应用的标题栏着色。未设置
- background_color启动画面的背景色。未设置
- icons · 192×192该文件返回 HTTP 403。已失效
- icons · 512×512安装提示和启动画面需要它。未找到
- icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。未找到
- id未设置
Google 搜索
6 项通过- 支持的文件格式PNG · apple-icon.png
- 正方形,至少 8×8 px192×192
- 大于 48×48 px192 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
1 项通过 · 3 项可选- theme-color为手机上的浏览器界面着色。未设置
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColorWindows 磁贴,旧版。未设置
- browserconfig.xml已找到
传输与性能
5 项通过 · 1 项警告 · 1 项缺失- 所有图标使用 HTTPS12 / 12
- 没有混合内容0 个 http:// 链接
- 没有失效链接https://nodeassets.nbcnews.com/android-icon-36x36.png, https://nodeassets.nbcnews.com/android-icon-48x48.png, https://nodeassets.nbcnews.com/android-icon-72x72.png6 个错误
- 缓存头12 / 12 · ≥ 1 天
- 图标总体积29.5 KB
- 重定向0
- 重复的标签多个 rel="icon" 标签声明了相同的尺寸,浏览器会使用最后一个。2 × sizes="96x96"
在 <head> 中找到的图标标签
<link rel="shortcut icon" type="image/x-icon" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon.ico" data-next-head=""> <link rel="icon" type="image/png" sizes="16x16" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon-16x16.png" data-next-head=""> <link rel="icon" type="image/png" sizes="32x32" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon-32x32.png" data-next-head=""> <link rel="icon" type="image/png" sizes="96x96" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon-96x96.png" data-next-head=""> <link rel="apple-touch-icon" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon.png" data-next-head=""> <link rel="apple-touch-icon-precomposed" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-precomposed.png" data-next-head=""> <link rel="apple-touch-icon" sizes="57x57" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-57x57.png" data-next-head=""> <link rel="apple-touch-icon" sizes="60x60" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-60x60.png" data-next-head=""> <link rel="apple-touch-icon" sizes="72x72" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-72x72.png" data-next-head=""> <link rel="apple-touch-icon" sizes="76x76" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-76x76.png" data-next-head=""> <link rel="apple-touch-icon" sizes="114x114" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-114x114.png" data-next-head=""> <link rel="apple-touch-icon" sizes="120x120" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-120x120.png" data-next-head=""> <link rel="apple-touch-icon" sizes="144x144" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-144x144.png" data-next-head=""> <link rel="apple-touch-icon" sizes="152x152" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-152x152.png" data-next-head=""> <link rel="apple-touch-icon" sizes="180x180" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-180x180.png" data-next-head=""> <link rel="manifest" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/manifest.json" data-next-head=""> <link rel="icon" sizes="36x36" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-36x36.png" data-next-head=""> <link rel="icon" sizes="48x48" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-48x48.png" data-next-head=""> <link rel="icon" sizes="72x72" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-72x72.png" data-next-head=""> <link rel="icon" sizes="96x96" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-96x96.png" data-next-head=""> <link rel="icon" sizes="144x144" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-144x144.png" data-next-head=""> <link rel="icon" sizes="192x192" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-192x192.png" data-next-head=""> <meta name="msapplication-config" content="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/browserconfig.xml" data-next-head="">
关于 nbcnews.com favicon 的常见问题
nbcnews.com 的 favicon 在哪里?
主 favicon 位于 https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon-32x32.png。
nbcnews.com 的 favicon 尺寸是多少?
favicon-32x32.png 的尺寸是 32×32。该网站最大的位图图标是 apple-icon.png,192×192 px。
Google 搜索能显示 nbcnews.com 的 favicon 吗?
该网站符合 Google 的要求:apple-icon.png 是一个 192×192 的 PNG 文件(4.9 KB),且 robots.txt 允许访问。最终显示什么,仍由 Google 决定。
nbcnews.com 有 Apple touch icon 和 maskable 图标吗?
Apple touch icon 的尺寸是 192×192,带有透明区域,iOS 会把这些区域变成黑色。manifest 中没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。