Favicon 检测工具
一次扫描即可检测任意网站的 favicon、应用图标与 Web 清单
粘贴一个网址，立即查看网站声明了哪些图标、尺寸与格式是否正确，以及它们在浏览器标签页、iOS 与 Android 主屏幕、已安装的 PWA 和 Windows 磁贴中的显示效果。
Favicon 检测报告
本工具检测哪些内容
一次扫描覆盖现代网站图标的三个层面 — 从经典 favicon 到完整的可安装应用资源。
核心 favicon
我们会检查根目录下的 /favicon.ico、带有尺寸和格式声明的 link rel="icon" 标签、iOS 使用的 apple-touch-icon，以及 Safari 可选的固定标签页 mask-icon。正是这些资源决定了你的网站能否在浏览器标签页、书签、历史记录和阅读列表中显示清晰的图标。
PWA 与 Web 清单
如果网站链接了 Web 应用清单，我们会解析它并确认可安装应用真正需要的图标：192×192 图标、512×512 图标，以及至少一个 purpose 合适的可遮罩图标。我们还会读取清单中的主题色与背景色，帮你确认安装体验是否完整。
其他平台
我们会检查用于为浏览器界面和 Android 地址栏着色的 theme-color meta 标签，以及用于 Windows 开始菜单磁贴的 msapplication-TileImage。这些细节让你的品牌在访客使用的各种操作系统上都能完整呈现。
如何检测网站的 favicon
无需注册、无需上传，一分钟内完成完整的图标审计。
粘贴网址
在上方输入框中填入任意可公开访问的网站地址，并包含 https:// 前缀。
运行扫描
我们会抓取页面 HTML，并在存在时抓取其 Web 清单，随后识别每一个声明的图标和 meta 标签。
查看报告
查看每一项检查的通过、警告或失败结果，并按核心 favicon、PWA 清单和其他平台分组。
预览并修复
预览图标在各设备上的显示效果，然后前往我们的生成器创建任何缺失的资源。
为什么使用这款 Favicon 检测工具
一次专注且保护隐私的审计，远不止预览单个标签页图标。
即时审计，无需注册
粘贴网址，几秒钟即可获得完整的通过/警告/失败报告。无需账号、无需上传、无需排队。
一屏看遍所有平台
浏览器标签页、iOS 主屏幕、Android 启动器、已安装的 PWA 和 Windows 磁贴都在一次扫描中覆盖。
解析 Web 清单
我们会解析 manifest.json，验证可安装应用真正需要的 192px、512px 和可遮罩图标。
真实预览
在标签页、主屏和磁贴模拟框中查看实际检测到的图标，而不是凭空猜测。
清晰可执行的提示
每一项未通过的检查都配有通俗易懂的说明，告诉你它的含义以及如何修复。
保护隐私
我们实时抓取页面来执行检测，从不存储、记录或分享你输入的网址。
何时使用 Favicon 检测工具
上线前自查。在发布新站点或改版之前进行 favicon 检测，可确认标签页图标、apple-touch-icon 和清单图标都已就位 — 这样第一个收藏或安装你网站的人看到的就是精致的品牌标识，而不是空白的地球图标。
审计客户或竞品网站。代理商和自由职业者可以粘贴任意公开网址，快速生成一份可信的报告，说明网站有哪些图标资源、缺少哪些。在网站评审或技术 SEO 审计中，这是一个轻松的加分项。
排查 favicon 不显示的原因。当图标始终不出现时，本工具能区分两种常见原因：图标从未被正确声明，或已声明但被缓存挡住。看到浏览器实际收到的标签，就能确定你真正要解决的是哪个问题。
纳入部署前流程。由于检测只需一个网址即可返回清晰的通过/失败摘要，你可以把它作为每次部署前针对预发布环境运行的轻量步骤，及时发现构建步骤丢失图标文件导致的回归。
生成图标后验证成果。当你用我们的 Favicon 生成器或 PWA 图标生成器创建好一套资源并部署后，重新运行检测工具，确认标签在正式域名上可以解析，并且每个平台都已通过。
Favicon 检测常见问题
关于测试 favicon、应用图标和 Web 清单的一切。
Favicon 检测工具是做什么的？
Favicon 检测工具会抓取网站实时的 HTML 和 Web 清单，然后报告网站声明了哪些图标资源以及它们是否有效。本工具会检查根目录的 favicon.ico、每一个 link rel="icon" 标签、apple-touch-icon、Safari mask-icon、PWA 清单图标以及 Windows 磁贴，并预览它们的显示效果，把你标记里隐藏的部分变成一份清晰的通过、警告或失败清单。
为什么我的 favicon 不显示？
最常见的两个原因是声明缺失和缓存过于顽固。要么浏览器从未收到有效的 link rel="icon" 或 /favicon.ico，要么它收到了却仍在显示缓存的旧图标。运行检测可以确认这些标签在你的正式域名上确实能解析；如果这里通过而浏览器里不显示，那几乎可以肯定是缓存问题，而不是标记问题。
如何强制 favicon 更新？
浏览器对 favicon 的缓存非常顽固，有时长达数天。要强制更新，先部署新图标，然后强制刷新页面、清除站点缓存的图片，或在图标网址后追加版本查询字符串，例如 favicon.ico?v=2。在新标签页中直接访问该图标文件并重新加载，也能促使大多数浏览器更快获取最新版本。
浏览器为什么对 favicon 缓存得如此顽固？
favicon 几乎会出现在每次页面加载中，因此浏览器会长时间缓存它，以避免反复的网络请求并让标签页即时渲染。副作用就是更换后的图标会在一段时间内显示为旧的。使用带版本号的文件名或在图标网址上加查询字符串，是提示浏览器用全新图标替换缓存最可靠的方式。
我到底需要哪些 favicon 尺寸？
至少要提供 16×16 和 32×32 图标，因为它们覆盖浏览器标签页和书签；48×48 则有助于 Windows 和高密度屏幕。除了经典 favicon，你还需要一张 180×180 的 apple-touch-icon 用于 iOS，以及清单中的 192×192 和 512×512 图标用于 Android 和可安装的 PWA。本工具会标记出其中缺失的尺寸。
favicon 该用 .ico、PNG 还是 SVG？
在各自适用的场景都用上。放在根目录的多分辨率 favicon.ico 是每个浏览器都能理解的通用回退。声明为 16、32、48 像素的 PNG 图标能带来清晰的现代渲染，而单个 SVG favicon 在高密度屏幕上可完美缩放并支持深色模式变体。现代浏览器会优先选择 SVG 或 PNG，必要时再回退到 .ico。
apple-touch-icon 是什么，应该多大？
apple-touch-icon 是当有人把你的网站添加到主屏幕时，iOS 和 iPadOS 使用的图片。请提供一张 180×180 的不透明 PNG，因为 iOS 会自行应用圆角遮罩，并在透明像素后面补上背景。如果缺失，Apple 设备会回退到你页面的低质量截图，与原生应用图标相比会显得很不专业。
Web 应用清单是什么，需要哪些图标？
Web 应用清单是一个 JSON 文件，它让你的网站可被安装，声明其名称、颜色、显示模式和图标。要获得有效的可安装体验，它至少必须引用一张 192×192 和一张 512×512 图标，最好还有一张可遮罩图标。本工具会链接并解析你的清单，然后确认这些必需的图标尺寸和 purpose 是否齐全。
什么是可遮罩图标，为什么重要？
可遮罩图标是清单中标记为 purpose "maskable" 的图标，让 Android 能把它们裁剪成自适应形状 — 圆形、圆角方形 — 而不裁掉重要细节。它们需要在标识周围留出约 20% 的安全边距。缺少它时，Android 常会把缩小的图标框在白色圆圈里，相比精心设计的可遮罩资源显得很不精致。
theme-color meta 标签有什么用？
theme-color meta 标签告诉浏览器用什么颜色为其周围界面着色。在 Android Chrome 上它会为地址栏着色，在已安装的 PWA 中它会为标题栏着色以匹配你的品牌。这个小细节让网站显得更用心、更接近原生。本工具会报告该标签是否存在，并读取它声明的取值。
Windows 磁贴图片是什么？
msapplication-TileImage meta 标签定义了用户把网站作为动态磁贴固定到 Windows 开始菜单时显示的图片。它与 msapplication-TileColor 一起决定该磁贴的外观。它是可选的，且重要性已不如从前，因此本工具会把缺失的磁贴图片视为警告，而非硬性失败。
这款 Favicon 检测工具免费吗？会保存我的网址吗？
是的，本工具完全免费，无需注册，也没有使用次数限制。我们仅在检测时实时抓取你输入的页面，绝不存储、记录或分享你提交的网址。报告生成后不会保留任何关于所检测网站的信息，因此你可以放心检测预发布环境或客户网站。
检测工具会扫描子页面还是只扫描我输入的网址？
它只检测你提供的单个网址。favicon 和清单链接位于 head 中，几乎总是全站统一声明，因此首页在绝大多数情况下能代表整个网站。如果某个特定板块使用了不同的图标，请直接粘贴该页面的确切网址来检测，而不要依赖首页结果。
favicon 和应用图标有什么区别？
favicon 是浏览器在标签页、书签和历史记录中显示的小图标，传统上为 16–48 像素。应用图标则是当你的网站被安装到手机主屏或桌面时使用的更大、启动器级别的图片 — iOS 上的 apple-touch-icon 和 Android 上的清单图标。一个完整的网站两者都需要，而这正是本工具会一并审计的内容。
想深入了解？
不同浏览器的 Favicon 优化指南