网站 Favicon 检测工具

检查网站声明了哪些 favicon,每个图标 URL 和 /favicon.ico 是否真能加载(状态、类型、大小),以及 apple-touch-icon 和 manifest 是否存在。

未写协议时会自动加上 https://。

浏览器无法读取其他网站的响应头,因此该请求由 AlgoKit 的服务器(Cloudflare Pages Function)从 Cloudflare 数据中心发出。结果可能与其他国家/地区的访问者看到的不同。私有和本地地址会被拒绝,页面内容不会被保存。

什么是 Favicon 检测?

这个工具会读取页面的图标声明(rel="icon"、shortcut icon、apple-touch-icon、mask-icon)和 Web 应用清单链接,然后请求每个图标 URL 以及默认的 /favicon.ico,确认它们真的能加载。你会得到每个图标的 HTTP 状态、内容类型和大小,以及常见缺失项的检查清单。

如何使用 Favicon 检测

  1. 输入网站 URL 并点击“检测”。
  2. 查看图标 URL 表格,包含 rel/尺寸、HTTP 状态、内容类型和大小。
  3. 查看检查清单:已声明的图标、/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。请确保图标可被抓取且保持稳定;更新可能需要几天到几周。

探索更多分类