浏览器标签页 · 浅色通过
cloudflare.com 的 favicon
- 8通过
- 4警告
- 4缺失
- 4可选
cloudflare.com 的主 favicon 是 favicon.ico,一个 99×96 的 PNG 文件(908 B)。共找到 1 个图标文件,总大小 908 B。它的图标都不符合 Google 搜索的要求。该网站得分 55/100:通过 8 项,警告 4 项,缺失 4 项。缺失:SVG favicon、Apple touch icon、Web 应用 manifest,另有 1 项。
显示效果
根据找到的文件渲染。
浏览器标签页 · 深色通过
cloudflare.comhttps://www.cloudflare.com
Google 搜索缺失
Cloudflare: Build for the agent era
iOS 主屏幕缺失
没有它,iOS 会在主屏幕上使用页面截图或一个字母。
512
安卓 · maskable缺失
manifest 中没有图标,所以安卓会改用截图或一个字母。
splash
PWA 安装与启动画面缺失
manifest 中没有 512 px 图标,所以没有安装提示和启动画面。
cloudflare.com 的所有 favicon 文件
找到 1 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | rel="icon" · 默认路径 | PNG | 99×96 | 908 B |
经典 favicon
1 项警告favicon.ico
警告<link rel="icon" type="image/x-icon" href="/favicon.ico">
- 格式
- PNG,不是 ICO
- 包含
- 99×96
- 文件大小
- 908 B
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
- 缓存
- 0 秒
这是一个名为 .ico 的 PNG 文件。浏览器能识别,但较旧的工具需要真正的 ICO。
SVG 图标
1 项缺失svg
SVG favicon
缺失<link rel="icon" type="image/svg+xml" href="…"> – 未找到
SVG 图标在任何尺寸下都清晰,还能在深色浏览器主题下切换颜色。
Apple
1 项缺失 · 1 项可选180
Apple touch icon
缺失<link rel="apple-touch-icon" href="…"> – 未找到
没有它,iOS 会在主屏幕上使用页面截图或一个字母。
mask
Safari 固定标签页(mask-icon)
可选<link rel="mask-icon" href="…" color="…"> – 未找到
旧标签。Safari 12 及以上使用常规 favicon,所以不再需要它。
Web 应用 manifest 文件
1 项缺失json
Web 应用 manifest
缺失<link rel="manifest" href="…"> – 未找到
安卓和可安装的 Web 应用从 manifest 中读取图标、名称和颜色。
Google 搜索
2 项通过 · 1 项警告 · 1 项缺失- 支持的文件格式PNG
- 正方形,至少 8×8 pxGoogle 需要正方形(1:1)的图标。无正方形图标
- 大于 48×48 pxGoogle 建议大于 48×48,图标才清晰。声明一个 96×96 的 PNG,或使用 180 px 的 Apple touch icon 都可以。–
- 在首页中声明是
Meta 与旧版
1 项通过 · 3 项可选- theme-color#ff4801
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColorWindows 磁贴,旧版。未设置
- browserconfig.xmlWindows 磁贴,旧版。未找到
传输与性能
5 项通过 · 2 项警告- 所有图标使用 HTTPS1 / 1
- 没有混合内容0 个 http:// 链接
- 没有失效链接0 个错误
- 缓存头图标很少改动,请至少缓存一天。0 / 1 · ≥ 1 天
- 图标总体积908 B
- 重定向0
- 重复的标签多个 rel="icon" 标签声明了相同的尺寸,浏览器会使用最后一个。2 × 无 sizes
在 <head> 中找到的图标标签
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> <meta name="theme-color" content="#ff4801" media="(max-width: 767px)">
关于 cloudflare.com favicon 的常见问题
cloudflare.com 的 favicon 在哪里?
主 favicon 位于 https://www.cloudflare.com/favicon.ico。
cloudflare.com 的 favicon 尺寸是多少?
favicon.ico 的尺寸是 99×96。
Google 搜索能显示 cloudflare.com 的 favicon 吗?
目前不能:Google 需要在首页声明一个正方形的 ICO、PNG、GIF、JPEG 或 BMP 图标。
cloudflare.com 有 Apple touch icon 和 maskable 图标吗?
没有 Apple touch icon,所以 iOS 会改用页面截图或一个字母。没有可读取的 Web 应用 manifest,因此也没有 maskable 图标。