打开 Google，搜索你的品牌名，仔细看搜索结果标题旁边的小图标。如果它看起来模糊、有像素感或被拉伸，多半是你提供的 favicon 分辨率太低，Google 把它放大了。96x96 PNG favicon 这套做法正是为了解决这个问题——它用的就是 Google 内部挑选最清晰候选图标时的「两倍降采样」逻辑。
96x96 PNG favicon 到底是什么
96x96 PNG favicon 是一张正方形位图，宽高各 96 像素，MIME 类型为 image/png。96 这个尺寸不是随便挑的——它正好是 Google 搜索在桌面结果页里渲染标题旁图标时所用 48 像素 CSS 尺寸的两倍。
当浏览器或搜索引擎需要绘制一个 48x48 的图标，而你的源 PNG 是 96x96 时，降采样出来的边缘干净、抗锯齿清晰；而如果源文件只有 16x16、被放大到 48x48，结果就是模糊。96x96 是个恰到好处的尺寸——小到文件体积通常不超过 10 KB，大到足以无损失地适配所有常见渲染目标。
为什么这个尺寸对 Google 搜索很关键
根据 Google 官方的 favicon 文档，一个 favicon 只要能被 Google 抓取、是方形、且至少 8x8 像素，就「有资格」（eligible）出现在搜索结果里——注意，是「有资格」，不是「保证」出现。Google 的建议是使用大于 48x48 的尺寸。
96x96 的 PNG 正好落在 Google 推荐的范围内，而且恰好是显示尺寸的两倍，这给 Google 的渲染器提供了一个干净的降采样对象。Google 的爬虫会从你 <link rel="icon"> 声明的图标以及根目录的 favicon.ico 中挑出最大的合法方形图——96x96 的 PNG 经常胜出，一旦被选中，用户在 SERP 里看到的就是它。关于 96x96 在其他常见尺寸中的位置，可以参考我们的 favicon 尺寸完整指南。
sizes 属性如何告诉浏览器该用哪个
HTML 规范允许浏览器通过 <link rel="icon"> 标签上的 sizes 属性获得提示。根据 WHATWG HTML 标准的定义，当用户代理需要某个尺寸的图标时（比如 Google 结果用 48x48，或 Windows 任务栏固定用 32x32），它会挑选 sizes 值匹配或超过目标尺寸的已声明图标。
下面是声明 96x96 PNG favicon 的标准写法：
<link rel='icon' type='image/png' sizes='96x96' href='/favicons/favicon-96x96.png'>注意格式细节：必须是 "96x96"，全小写，x 作为分隔符。浏览器会忽略 "96"、"96 X 96" 或任何含空白的写法。
实战：完整的图标栈
只放一张 96x96 PNG 是不够的——现代浏览器期望一组分层覆盖的图标。一个典型的 <head> 区块长这样：
<link rel='icon' type='image/svg+xml' href='/favicon.svg'>
<link rel='icon' type='image/png' sizes='96x96' href='/favicons/favicon-96x96.png'>
<link rel='icon' type='image/png' sizes='32x32' href='/favicons/favicon-32x32.png'>
<link rel='apple-touch-icon' sizes='180x180' href='/favicons/apple-touch-icon.png'>
<link rel='shortcut icon' href='/favicon.ico'>顺序很关键：把更大、优先级更高的图标放前面。浏览器一旦找到符合当前需要的 sizes 就会停下。根目录的 favicon.ico 用来照顾老浏览器，以及那些直接探测该文件的爬虫（比如 curl）。
96x96 PNG 的最佳实践
- 在 96x96 上设计，不要放大。直接从源 SVG 导出一张全新的 96x96 PNG，能得到干净的像素网格。把 32x32 的导出图直接放大，原来的模糊就被「烘」进去了——这正是你想避免的。
- URL 保持稳定。一旦 Google 索引了你的图标，改 URL 就意味着要重新抓取——Google 的文档提到这一过程可能需要几天到几周。
- 保持在 10 KB 以下。色彩有限的 96x96 PNG 通常在 2 到 6 KB 之间。部署前用 Oxipng 这类 PNG 优化器跑一遍。
- 必须是正方形。Google 的爬虫会忽略非方形图。96x95 在搜索结果里就是无效的。
- 在 48x48 下预览后再发布。用 Mzu favicondl 这样的工具把你的 96x96 PNG 按实际显示尺寸渲染一次——如果在 48x48 下看起来发糊，在 Google 里也好不到哪去。
96x96 不适用的场景
如果你在搭 PWA，或者需要 Android 主屏图标，site.webmanifest 要求的是 192x192 和 512x512 的 PNG——这才是平台真正会用的尺寸。这种场景请参考我们的 web app manifest 图标设置指南。但对浏览器标签、地址栏和 Google 搜索结果来说，96x96 配上一个 SVG，已经是现实条件下最清晰的组合。
结论建议
提供一张真正的 96x96 PNG——不要用更小的图放大——用 sizes='96x96' 在独立的 <link> 标签里声明。配合一个 SVG 主图标、一个 32x32 PNG 兜底，再加一个根目录的 favicon.ico。这套组合既满足 Google「大于 48x48」的建议，在搜索结果里显示锐利，又能在老浏览器上优雅降级。