Guide
2026 年 favicon 尺寸:你真正需要哪些
你不需要二十个 favicon 文件。这些是浏览器、手机和搜索真正会用的少数尺寸,以及如何从一张图生成。

favicon 教程常给你一张二十个文件的清单。实际上,少数几个尺寸就能覆盖你在意的所有浏览器、手机和搜索结果。这是精简版。
值得保留的尺寸
- 16×16 和 32×32:经典的标签页和书签图标。
- 180×180:Apple touch icon,当有人把你的网站存到 iPhone 主屏时用。
- 192×192 和 512×512:Android/PWA 图标,也是"添加到主屏"提示的来源。
比尺寸更重要的
favicon 极小,细节会消失。用一个简单有力的标记——一个字母、一个符号、一个鲜明形状——而不是带小字的整个标志。放到 16px 试试:认不出就再简化。
从一张图生成
别手工做。从一张高分辨率方图(512px 或更大)一次生成整套。我们的 favicon 生成工具一次上传就能做出以上所有尺寸,可直接用于网站,处理全在浏览器内。
加上 <link rel="icon"> 和 apple-touch-icon 标签,你的网站在标签页、书签和主屏上都会显得精致。