网站 Favicon 检测工具
检查网站声明了哪些 favicon,每个图标 URL 和 /favicon.ico 是否真能加载(状态、类型、大小),以及 apple-touch-icon 和 manifest 是否存在。
未写协议时会自动加上 https://。
什么是 Favicon 检测?
这个工具会读取页面的图标声明(rel="icon"、shortcut icon、apple-touch-icon、mask-icon)和 Web 应用清单链接,然后请求每个图标 URL 以及默认的 /favicon.ico,确认它们真的能加载。你会得到每个图标的 HTTP 状态、内容类型和大小,以及常见缺失项的检查清单。
如何使用 Favicon 检测
- 输入网站 URL 并点击“检测”。
- 查看图标 URL 表格,包含 rel/尺寸、HTTP 状态、内容类型和大小。
- 查看检查清单:已声明的图标、/favicon.ico、apple-touch-icon 和 manifest。
何时使用 Favicon 检测
适合在浏览器标签页、书签或搜索结果中不显示 favicon 时,或更换图标之后使用。它不会渲染图标,也不检查文件内部的图像尺寸;此外浏览器会积极缓存 favicon,所以修复后的图标可能需要一段时间才会出现。
Favicon 检测 的工作原理
AlgoKit 的 Pages Function 以与其他检测工具相同的 SSRF 防护获取页面,从 HTML 中提取图标和 manifest 链接,并请求最多 8 个图标 URL(包括 /favicon.ico)。图标 URL 上的重定向只会被报告而不会被跟随,因此每个请求都要通过私有地址检查。状态、Content-Type 和大小(Content-Length 或已读取的字节数,最多 1 MB)会返回到你的浏览器。
常见用例
- 找出浏览器标签页显示空白图标的原因(所声明的文件返回 404)。
- 检查 /favicon.ico 是否存在,以便直接请求它的工具和爬虫使用。
- 验证是否有 apple-touch-icon,用于 iOS 主屏幕书签。
- 确认图标是以图片内容类型返回的,而不是 text/html。
常见问题
还需要 /favicon.ico 吗?
现代浏览器使用你声明的 <link rel="icon">,但一些工具、RSS 阅读器和旧版浏览器会直接请求 /favicon.ico,所以保留一个可以避免 404。
apple-touch-icon 应该多大?
180×180 像素的 PNG 可覆盖当前的 iPhone 和 iPad;iOS 会为其他尺寸自动缩放。
为什么 Google 显示的是旧 favicon?
Google 按自己的节奏重新抓取 favicon。请确保图标可被抓取且保持稳定;更新可能需要几天到几周。