网站图标检查工具
输入网址以查找其网站图标（favicon）、/favicon.ico 和 Apple touch icon，检查 Google 和 iOS 所需的尺寸，并在浅色和深色标签页上进行预览。
16 px32 px48 pxFavicon64 × 64, PNGhttps://framerusercontent.com/images/Io89FonxEaWg4nxvQQllVLwPUUI.pngApple touch icon180 × 180, PNGhttps://framerusercontent.com/images/aXvo6HfUhqvR7oFjFL8b4AcyGfg.png如何设置在所有设备上都能完美显示的网站图标（Favicon）
浏览器、Google 和手机各自需要不同的文件。添加这些文件后，您的图标就会显示在标签页、搜索结果和主屏幕上。
使用 48 像素或更大的正方形图标
Google 会在搜索结果旁边显示网站图标（favicon），并且需要尺寸为 48 像素倍数的正方形图片，例如 48 × 48 或 96 × 96。SVG 格式的网站图标在任何尺寸下都能保持清晰。
在根目录下保留一个 favicon.ico 文件
即使你声明了其他图标，一些浏览器、RSS 阅读器和工具仍会直接请求 /favicon.ico。在该路径下放置一个 32 × 32 的 .ico 文件即可满足它们的需求。
添加一个 180 × 180 的 Apple touch 图标
当有人将您的网站添加到主屏幕时，iPhone 和 iPad 会使用 apple-touch-icon。如果没有它，iOS 将默认使用该网页的屏幕截图。
在深色标签页中查看
深色图标在深色浏览器标签页上可能会隐形。通过 prefers-color-scheme 媒体查询为深色模式添加第二个更浅色的图标，并使用元标签生成器编写您的图标标签。
网站图标检查工具常见问题
关于网站图标（favicon）尺寸、格式以及为何不显示的快速解答。
网站图标（favicon）应该使用什么尺寸？
建议使用正方形图标。32 × 32 适用于浏览器标签页，Google 搜索结果需要 48 × 48 或更大尺寸，180 × 180 则是 Apple 触控图标的尺寸。SVG 格式的网站图标则可以自适应所有这些尺寸。
为什么我的网站图标没有在 Google 中显示？
Google 只会显示能从您主页抓取到的网站图标（favicon）。请确保图标为正方形、尺寸至少为 48 × 48 像素，且未被 robots.txt 阻止，然后耐心等待 Google 在几天内重新抓取。
为什么仍然显示我旧的网站图标（favicon）？
浏览器对网站图标（favicon）的缓存时间较长。您可以尝试强制刷新、在无痕窗口中打开网站，或者重命名文件（例如 favicon-v2.png）来强制获取最新版本。
我应该使用哪种网站图标（favicon）格式？
对于 rel="icon"，可以使用 PNG 或 SVG 格式，同时在根目录下放置一个 favicon.ico 以兼容较旧的工具。Apple touch 图标请使用 PNG 格式，因为 iOS 在该处不支持 SVG。
这个网站图标（favicon）检测工具是免费的吗？
是的，无需注册。输入任意公开的网址，即可检测该网站提供的图标。