Telegram、 WhatsApp+380637610482
瓦列里·丹尤克
瓦列里·丹尤克开发者为企业开发人工智能工具。高质量,价格实惠。通过 Telegram 联系

在线检查您网站的 favicon:需要哪些尺寸,以及为什么Google没有显示该网站图标。

在线检查您网站的图标:提供 ICO、PNG、SVG 和 Apple Touch 图标格式,并附有尺寸和预览图。

您将获得

  • 所有网站图标列表 – ICO、PNG、SVG、Apple Touch 图标 – 包含尺寸和预览,免费
  • 2026 年网站所需的最低限度 favicon 图标集,以及现成的代码
  • 为什么Google会显示灰色地球而不是您的图标
申请: 10分钟后保存: 搜索结果和浏览器标签页中的信任度和认可度

简而言之:要在线检查您网站的 favicon,请在PromoPilot 的免费 Favicon Checker中输入您的域名,然后点击“检查”。该工具将查找 HTML 中声明的所有图标,以及位于标准路径(例如/favicon.ico中的图标,并显示每个图标的预览和大小,检查 Apple Touch 图标,并告知您缺少哪些尺寸。以下是一组最小的图标示例、完整的代码以及Google显示灰色地球图标而不是您的徽标的原因。

我从事网站制作12年了,我知道:网站图标(favicon)比任何其他元素都更容易被遗忘。设计师设计了logo,开发人员搭建了网站,但却没有人会在标签页上添加网站图标——直到第一个客户问:“为什么我们的竞争对手在Google上有网站图标,而我们没有?”

网站图标检查功能会检查哪些内容?

网站图标不再仅仅是一个favicon.ico文件。浏览器、iPhone、Android 和Google平台都使用不同尺寸和格式的文件。此工具会将所有这些图标汇总到一个报告中。

它检查什么?他在看什么?网站为什么需要这个?
来自 HTML 的图标所有标签<link rel="icon"> 、 shortcut icon 、 apple-touch-icon浏览器和Google首先考虑的就是这些。
标准路径网站根目录下的/favicon.ico以及其他典型地址即使没有标签,许多系统也会在那里查找图标。
每个图标的大小宽度和高度以像素为单位,格式为 ICO、PNG 或 SVG在高清屏幕上,小图标会变得模糊。
苹果触控图标是否有适用于 iPhone 和 iPad 的图标?如果没有它,主屏幕上将显示该页面的屏幕截图。
预览每个找到的图标长什么样?您可能会看到损坏的、空白的或外来的(模板)图标。
建议还缺少哪些尺寸?一份现成的设计师任务清单

如何在线查看网站的网站图标(favicon)?

只需 3 个步骤即可检查您的网站图标:输入您的域名,点击“检查”,然后查看找到的图标、大小和建议。

  1. 打开网站图标检查器。
  2. 输入域名- example.com就足够了,无需指定页面。
  3. 点击“检查”。该工具将分析首页的 HTML 代码和标准路径。
  4. 检查找到的图标:预览、格式和大小。查看其中是否包含标准的CMS或主机图标。
  5. 请阅读建议,并将缺失的尺寸提供给设计师,或者自行测量。

工具页面:域字段、“检查”按钮、检查说明及常见问题解答。

PromoPilot 的免费网站图标检查页面:域名字段、所有图标搜索和 Apple Touch 图标检查

验证非常简单——访客数量足够您查看自己的网站以及几个竞争对手的网站进行比较。您可以查看和下载任何网站的图标——如果您需要找回自己网站的原始徽标(可能与之前的承包商一起丢失了),这将非常方便。

2026年需要哪些尺寸的网站图标(favicon)?

图标生成器通常会生成 20 个文件,但真正需要的是一个精简的图标集。以下是我所有项目中使用的最小图标集:

文件尺寸它用于哪些领域?
favicon.ico一个文件中包含 16×16 和 32×32 两种尺寸的文件旧版浏览器和系统会在根目录中查找图标。
favicon.svg向量现代浏览器,在任何屏幕上都清晰可见
apple-touch-icon.png 180×180 iPhone 和 iPad 主屏幕
icon-192.png和icon-512.png 192×192 和 512×512 Web清单:Android,将网站安装为应用程序

<head>的代码如下:

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

设计提示:16 像素时,徽标和文字会变得模糊。请使用符号、名称的首字母或简化的字符,并搭配对比鲜明的背景。对于 Apple Touch 图标,请勿使用透明背景——iOS 会将其填充为黑色。

如何自己制作网站图标(favicon),而无需设计师?

如果你没有任何图标,你可以在半小时内创建一套基本图标。以下是具体步骤:

  1. 使用符号,而非整个徽标。可以使用名称的首字母、徽标中的某个符号,或者品牌颜色的简单几何图形。确保在 16 像素下清晰可辨。
  2. 画一个 512x512 的正方形。任何图形编辑器或在线设计软件都可以。在边缘留出一些边距,以免标志超出边框。
  3. 将源文件另存为 SVG 格式——它将变成favicon.svg ,然后可以无损地裁剪出所需尺寸的所有 PNG 文件。
  4. 使用图标生成器生成剩余尺寸(ICO、180、192),并将文件放在网站的根目录中。
  5. 将代码粘贴到头部,然后再次在工具中检查结果。

检查图标在浏览器深色主题下的显示效果:黑色图标在透明背景上,在深色 Chrome 标签页中会完全消失。浅色背景或对比鲜明的轮廓线会有所帮助。

为什么Google不显示网站图标?

最常见的问题:如果在搜索结果中地址旁边看到一个灰色地球图标,通常有以下几个原因:

  1. 图标不是正方形的。 Google要求图标的宽高比为 1:1,尺寸至少为 8x8,但建议大于 48x48:16x16 的小favicon.ico在搜索结果中看起来很模糊。
  2. 该图标已被机器人屏蔽。Googlebot Google Image 必须拥有访问图标文件的权限,并且Google还必须拥有访问主文件的权限。如果 robots.txt 文件中屏蔽了图像文件夹,或者该文件返回错误,则该图标将不会出现在搜索结果中。
  3. 该标签不在首页上。 Google会从域名或子域名的首页获取网站图标;首页部分,例如example.com/shop并不合适。
  4. 该图标的地址不稳定。如果路径每次网站构建时Google改变( /icon.a83f2.png可能无法快速更新它。
  5. 已经过去一段时间了。 Google不会在修复问题后立即更新网站图标;您可以通过在搜索控制台中请求重新扫描首页来加快更新速度。 Google没有提供确切的更新时间,因此请至少等待几天后再查看结果。
  6. 该图标违反了规则。 Google会将不符合规定的图片替换为标准图标。

对比:网站图标检查器及其替代方案

工具什么免费?限制它适合哪些人群?
PromoPilot - 网站图标检查器所有图标均来自 HTML 和标准路径,提供尺寸、预览、Apple Touch 图标和推荐。不创建图标,检查主图标快速检查一下你或竞争对手的网站
RealFaviconGenerator生成一组图标和代码,检查网站图标生成器会生成大量文件,你需要决定保留哪些文件。对于那些需要从零开始制作图标的人来说
Google搜索控制台请求重新扫描主扫描器只有经过验证的网站才会检查图标。加快搜索结果中的图标更新速度
浏览器中的开发者工具包含清单和图标的选项卡你需要知道去哪里找对于开发者

结论:在线工具更便于检查,生成器更便于创建集合,而 Search Console 可加快Google的更新速度。

顺便一提,PromoPilot 提供87 种免费的 SEO 工具。您可以在搜索结果预览中轻松查看网站图标在标题旁边的显示效果——我们为此专门撰写了一篇文章。

网站图标验证有哪些局限性?

该工具会检查网站的广告内容和返回结果:它不会告知您Google何时更新搜索结果中的图标——这取决于搜索引擎本身。如果图标是在页面加载后通过脚本添加的,则部分图标可能不会包含在报告中。此外,该检查还会查看整个域名——如果网站的不同部分使用不同的图标(例如,商店子域名),则会分别进行检查。

免费工具何时会不够用?

一个没有网站图标(favicon)但图标集齐全的网站:谷歌的灰色地球图标、谷歌自家的图标以及苹果的触控图标。

网站图标(favicon)问题通常不大,很少需要专家介入。但有时,小问题也可能是某种症状。如果出现以下情况,则需要寻求帮助:

  • 图标是正确的,但Google几个月来一直显示的是地球图标——这意味着问题出在机器人的访问权限或模板上;
  • 该品牌没有简单的标志,需要一种适用于 16 像素的企业风格;
  • 该网站使用构建器编译,图标路径会随着每次更新而改变;
  • 网站图标只是多年来积累的几十个小错误之一。

我能为您的网站做些什么?

我是瓦列里·丹尤克,一名拥有12年经验和200多个客户的开发人员和SEO专家。我负责在每个网站上线前设置网站图标、社交媒体预览和标记。

搜索引擎优化和审核

  • 一站式网站 SEO 审核:我会找出所有技术细节——从网站图标和预览到索引和速度——并在代码中修复它们。

网站和网上商店

客户关系管理和自动化

请通过Telegram发送网站地址给我——我会检查图标以及其他五六个经常被忽略的小细节。

结果

  1. Favicon Checker 可以在一分钟内找到所有网站图标、它们的大小,并显示缺少哪些图标。
  2. 最低集:favicon.ico、favicon.svg、Apple Touch Icon 180×180,以及 web-manifest 的 icons 192 和 512。
  3. 对于Google图标必须是正方形的,大于 48x48,机器人可以访问,并且在主页上声明。
  4. 如果重建网站比修复小问题更容易, 1001site会自动自定义图标和预览。

使用免费的 Favicon Checker检查您的域名,并同时检查您的主要竞争对手的域名。

来源

  • PromoPilot 的网站图标检查器页面——检查项目列表和常见问题解答。
  • Google搜索中心 - 搜索结果图标要求。
  • RealFaviconGenerator — 生成并测试一组图标。

参考文献和资料来源

问答

为什么网站需要网站图标(favicon)?

网站图标(favicon)是显示在浏览器标签页、书签、历史记录以及手机和电脑上Google搜索结果地址旁边的网站图标。网站图标使网站易于识别,并与其他搜索结果区分开来;如果没有网站图标,浏览器和Google都会显示通用图标。

需要哪些尺寸的网站图标?

实际最低要求:favicon.ico(单个文件中包含 16 像素和 32 像素两种尺寸)或 32x32 像素的 PNG 格式(适用于浏览器),SVG 格式(适用于现代浏览器),Apple Touch Icon(180x180 像素,适用于 iPhone 和 iPad),PNG 格式(192x192 像素和 512x512 像素,适用于 Android 的 Web manifest 文件)。对于Google建议使用正方形,尺寸大于 48x48 像素。

什么是苹果触控图标?

这是 iPhone 和 iPad 在将网站添加到主屏幕时以及在某些 Safari 书签中显示的图标。标准尺寸为 180x180 像素的 PNG 格式,不带透明度。不带透明度时,设备会使用页面的缩小截图。

我们查看了网站,但是没有人来修复它?

这个免费工具可以发现问题。我会分析报告,确定优先级并解决问题:SEO 审核、速度优化、代码标记优化,以及在不损失排名的情况下将网站迁移到新网站。