cdc.gov 的 favicon
- 26通过
- 3警告
- 3缺失
- 2可选
cdc.gov 的主 favicon 是 favicon-32x32.png,一个 32×32 的 PNG 文件(539 B)。共找到 12 个图标文件,总大小 57.6 KB。Google 搜索可以使用 apple-touch-icon.png,一个 180×180 的 PNG 文件(1.4 KB)。该网站得分 83/100:通过 26 项,警告 3 项,缺失 3 项。缺失:SVG favicon、maskable manifest 图标、没有失效链接。
显示效果
根据找到的文件渲染。
iOS 会把透明区域填成黑色。请给图标加上纯色背景。
没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。
cdc.gov 的所有 favicon 文件
找到 12 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | 默认路径 | ICO | 16, 32, 48 px | 14.7 KB |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 1.4 KB |
| favicon-32x32.png | rel="icon" | PNG | 32×32 | 539 B |
| favicon-16x16.png | rel="icon" | PNG | 16×16 | 432 B |
| safari-pinned-tab.svg | rel="mask-icon" | SVG | 矢量 | 1.9 KB |
| favicon-192x192.png | manifest | PNG | 192×192 | 5.5 KB |
| favicon-512x512.png | manifest | PNG | 512×512 | 15.3 KB |
| favicon-48x48.png | manifest | PNG | 48×48 | 1.4 KB |
| favicon-72x72.png | manifest | PNG | 72×72 | 2.0 KB |
| favicon-96x96.png | manifest | PNG | 96×96 | 2.7 KB |
| favicon-144x144.png | manifest | PNG | 144×144 | 4.1 KB |
| favicon-256x256.png | manifest | PNG | 256×256 | 7.5 KB |
经典 favicon
3 项通过favicon.ico
通过GET /favicon.ico · HTML 中未声明(在根目录找到)
- 格式
- ICO(真实)
- 包含
- 16 · 32 · 48
- 文件大小
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- 缓存
- 无
PNG 32×32
通过<link rel="icon" type="image/png" sizes="32x32" href="/TemplatePackage/5.0/img/favicon/favicon-32x32.png">
- 声明
- 32×32
- 实际
- 32×32
- 格式
- PNG
- 文件大小
- 539 B
- HTTP
- 200
- Content-Type
- image/png
PNG 16×16
通过<link rel="icon" type="image/png" sizes="16x16" href="/TemplatePackage/5.0/img/favicon/favicon-16x16.png">
- 声明
- 16×16
- 实际
- 16×16
- 格式
- PNG
- 文件大小
- 432 B
- HTTP
- 200
- Content-Type
- image/png
SVG 图标
1 项缺失SVG favicon
缺失<link rel="icon" type="image/svg+xml" href="…"> – 未找到
SVG 图标在任何尺寸下都清晰,还能在深色浏览器主题下切换颜色。
Apple
1 项通过 · 1 项警告Apple touch icon
警告<link rel="apple-touch-icon" sizes="180x180" href="/TemplatePackage/5.0/img/favicon/apple-touch-icon.png">
- 声明
- 180×180
- 实际
- 180×180
- 建议
- 180×180
- 背景
- 透明
- 文件大小
- 1.4 KB
- HTTP
- 200
iOS 会把透明区域填成黑色。请给图标加上纯色背景。
Safari 固定标签页(mask-icon)
通过<link rel="mask-icon" href="/TemplatePackage/5.0/img/favicon/safari-pinned-tab.svg" color="#0056b3">
- 颜色
- #0056b3
- 文件大小
- 1.9 KB
旧标签。Safari 12 及以上使用常规 favicon。
Web 应用 manifest 文件
1 项通过manifest.json
通过<link rel="manifest" href="/TemplatePackage/5.0/json/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有效
- 文件大小
- 1.7 KB
- 同源
- 是
- 缓存
- no-cache
Manifest 字段
7 项通过 · 1 项警告 · 1 项缺失 · 1 项可选- nameCenters for Disease Control and Prevention
- short_nameCDC.gov
- start_url已安装的应用启动时打开的页面。未设置
- displaystandalone
- theme_color#075290
- background_color#ffffff
- icons · 192×192PNG · 5.5 KB · 200
- icons · 512×512PNG · 15.3 KB · 200
- icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。未找到
- id未设置
Google 搜索
6 项通过- 支持的文件格式PNG · apple-touch-icon.png
- 正方形,至少 8×8 px180×180
- 大于 48×48 px180 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
3 项通过 · 1 项可选- theme-color#0056b3
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColor#0056b3
- browserconfig.xml已找到
传输与性能
5 项通过 · 1 项警告 · 1 项缺失- 所有图标使用 HTTPS12 / 12
- 没有混合内容0 个 http:// 链接
- 没有失效链接/TemplatePackage/4.0/assets/imgs/favicon-36x36.png1 个错误
- 缓存头图标很少改动,请至少缓存一天。0 / 12 · ≥ 1 天
- 图标总体积57.6 KB
- 重定向0
- 重复的标签无
在 <head> 中找到的图标标签
<link rel="apple-touch-icon" sizes="180x180" href="/TemplatePackage/5.0/img/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/TemplatePackage/5.0/img/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/TemplatePackage/5.0/img/favicon/favicon-16x16.png"> <link rel="mask-icon" href="/TemplatePackage/5.0/img/favicon/safari-pinned-tab.svg" color="#0056b3"> <link rel="manifest" href="/TemplatePackage/5.0/json/manifest.json"> <meta name="msapplication-TileColor" content="#0056b3"> <meta name="theme-color" content="#0056b3">
关于 cdc.gov favicon 的常见问题
cdc.gov 的 favicon 在哪里?
主 favicon 位于 https://www.cdc.gov/TemplatePackage/5.0/img/favicon/favicon-32x32.png。默认路径 https://www.cdc.gov/favicon.ico 也返回了一个图标。
cdc.gov 的 favicon 尺寸是多少?
favicon-32x32.png 的尺寸是 32×32。该网站最大的位图图标是 favicon-512x512.png,512×512 px。
Google 搜索能显示 cdc.gov 的 favicon 吗?
该网站符合 Google 的要求:apple-touch-icon.png 是一个 180×180 的 PNG 文件(1.4 KB),且 robots.txt 允许访问。最终显示什么,仍由 Google 决定。
cdc.gov 有 Apple touch icon 和 maskable 图标吗?
Apple touch icon 的尺寸是 180×180,带有透明区域,iOS 会把这些区域变成黑色。manifest 中没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。