Guide

2026 年 favicon 尺寸:你真正需要哪些

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

2026 年 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 标签,你的网站在标签页、书签和主屏上都会显得精致。

ShareXFacebookLinkedIn

← 返回博客