cnet.com 的 favicon
- 16通过
- 6警告
- 5缺失
- 7可选
cnet.com 的主 favicon 是 cropped-favicon-480.png,一个 32×32 的 WebP 文件(776 B)。共找到 4 个图标文件,总大小 21.3 KB。Google 搜索可以使用 favicon.ico,一个含 16 px 图像的 ICO 文件(198 B)。该网站得分 76/100:通过 16 项,警告 6 项,缺失 5 项。缺失:SVG favicon、name、192 px manifest 图标,另有 2 项。
显示效果
根据找到的文件渲染。
请确认图标在深色标签页上仍然清晰可见。
iOS 需要 PNG,而这个文件是 WebP。
manifest 中没有图标,所以安卓会改用截图或一个字母。
manifest 中没有 512 px 图标,所以没有安装提示和启动画面。
cnet.com 的所有 favicon 文件
找到 4 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | 默认路径 | ICO | 16 px | 198 B |
| cropped-favicon-480.png | rel="icon" | WebP | 32×32 | 776 B |
| cropped-favicon-480.png | rel="icon" | WebP | 192×192 | 10.7 KB |
| cropped-favicon-480.png | rel="apple-touch-icon" | WebP | 180×180 | 9.6 KB |
经典 favicon
3 项通过favicon.ico
通过GET /favicon.ico · HTML 中未声明(在根目录找到)
- 格式
- ICO(真实)
- 包含
- 16
- 文件大小
- 198 B
- HTTP
- 200
- Content-Type
- image/x-icon
- 缓存
- 4 小时
WebP 32×32
通过<link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=32" sizes="32x32">
- 声明
- 32×32
- 实际
- 32×32
- 格式
- WebP
- 文件大小
- 776 B
- HTTP
- 200
- Content-Type
- image/webp
WebP 192×192
通过<link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=192" sizes="192x192">
- 声明
- 192×192
- 实际
- 192×192
- 格式
- WebP
- 文件大小
- 10.7 KB
- HTTP
- 200
- Content-Type
- image/webp
SVG 图标
1 项缺失SVG favicon
缺失<link rel="icon" type="image/svg+xml" href="…"> – 未找到
SVG 图标在任何尺寸下都清晰,还能在深色浏览器主题下切换颜色。
Apple
1 项警告 · 1 项可选Apple touch icon
警告<link rel="apple-touch-icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=180">
- 声明
- 无尺寸
- 实际
- 180×180
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 9.6 KB
- HTTP
- 200
iOS 需要 PNG,而这个文件是 WebP。
Safari 固定标签页(mask-icon)
可选<link rel="mask-icon" href="…" color="…"> – 未找到
旧标签。Safari 12 及以上使用常规 favicon,所以不再需要它。
Web 应用 manifest 文件
1 项通过manifest.json
通过<link rel="manifest" href="https://www.cnet.com/wp-content/themes/ziff-davis-theme/src/features/push-notifications/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有效
- 文件大小
- 229 B
- 同源
- 是
- 缓存
- 5 分钟
Manifest 字段
1 项通过 · 3 项警告 · 4 项缺失 · 2 项可选- name网站安装后显示在图标下方。未设置
- short_namename 太长时,主屏幕上改用它。未设置
- start_url已安装的应用启动时打开的页面。未设置
- displaystandalone
- theme_color为已安装应用的标题栏着色。未设置
- background_color启动画面的背景色。未设置
- icons · 192×192安卓用它作主屏幕图标。未找到
- icons · 512×512安装提示和启动画面需要它。未找到
- icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。未找到
- id未设置
Google 搜索
5 项通过 · 1 项警告- 支持的文件格式ICO · favicon.ico
- 正方形,至少 8×8 px16×16
- 大于 48×48 pxGoogle 建议大于 48×48,图标才清晰。声明一个 96×96 的 PNG,或使用 180 px 的 Apple touch icon 都可以。16 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
4 项可选- theme-color为手机上的浏览器界面着色。未设置
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColorWindows 磁贴,旧版。未设置
- browserconfig.xmlWindows 磁贴,旧版。未找到
传输与性能
6 项通过 · 1 项警告- 所有图标使用 HTTPS4 / 4
- 没有混合内容0 个 http:// 链接
- 没有失效链接0 个错误
- 缓存头图标很少改动,请至少缓存一天。3 / 4 · ≥ 1 天
- 图标总体积21.3 KB
- 重定向0
- 重复的标签无
在 <head> 中找到的图标标签
<link rel="manifest" href="https://www.cnet.com/wp-content/themes/ziff-davis-theme/src/features/push-notifications/manifest.json"> <link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=32" sizes="32x32"> <link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=192" sizes="192x192"> <link rel="apple-touch-icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=180"> <meta name="msapplication-TileImage" content="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=270">
关于 cnet.com favicon 的常见问题
cnet.com 的 favicon 在哪里?
主 favicon 位于 https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=32。默认路径 https://www.cnet.com/favicon.ico 也返回了一个图标。
cnet.com 的 favicon 尺寸是多少?
cropped-favicon-480.png 的尺寸是 32×32。该网站最大的位图图标是 cropped-favicon-480.png,192×192 px。
Google 搜索能显示 cnet.com 的 favicon 吗?
该网站符合 Google 的要求:favicon.ico 是一个含 16 px 图像的 ICO 文件(198 B),且 robots.txt 允许访问。Google 建议图标大于 48×48 px,更大的图标会更清晰。最终显示什么,仍由 Google 决定。
cnet.com 有 Apple touch icon 和 maskable 图标吗?
Apple touch icon 的尺寸是 180×180。manifest 中没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。