icon和favicon有什么区别

「icon」和「favicon」都和网站或应用在屏幕上显示的小图标有关，但指代的范围并不相同。简单说，icon 是广义的图标总称，favicon 是其中专门用于浏览器标签页、收藏夹等场景的一种。

基本含义与用途

icon 是“图标”的统称，手机桌面上的应用图标、网页里的功能按钮图标、系统界面中的提示图标，都可以叫 icon。它强调的是一类视觉符号，不限定用在哪里。favicon 则是“favorite icon”的缩写，特指网站的小图标，通常显示在浏览器标签页、地址栏左侧、书签列表里。网站设置 favicon 后，用户在多标签浏览时更容易快速识别。可以说，favicon 是 icon 在浏览器场景下的一个具体角色。

常见问题

很多人会把两者混着说，比如问“网站 icon 怎么换”，实际指的是 favicon。另一个常见问题是格式和尺寸：favicon 传统上常用 .ico 格式，现在也支持 png、svg 等；而 icon 的格式和尺寸取决于使用场景，应用图标、界面图标要求各不相同。还有人发现 favicon 改了却不生效，往往是浏览器缓存或路径引用问题，和 icon 本身的设计无关。

怎么判断与怎么选

判断时看使用位置：出现在浏览器标签页、书签、地址栏的，就是 favicon；出现在桌面、应用列表、页面按钮上的，一般说 icon。选择上，如果要做网站识别小图标，优先准备 favicon，并兼顾不同尺寸和清晰度；如果做应用或界面设计，则按对应平台的 icon 规范来。两者可以共用同一套视觉元素，但不要以为做一个 favicon 就覆盖了所有 icon 场景。