做网站的时候，很多人盯着布局、配色、功能这些“大块头”，却容易忽略一些看似微小但影响深远的细节——比如网络符号标识。这些符号看起来只是个小图标，但在用户体验和品牌识别上，作用可不小。
什么是网络符号标识？
简单说，就是浏览器标签页上那个小图标，学名叫 Favicon（Favorite Icon）。当你打开一个网页，标签栏上显示的那个 16×16 或 32×32 像素的小图，就是它。别看它小，用户扫一眼标签页，靠的就是它快速定位你家网站。
举个例子：你同时开着淘宝、京东、知乎、微博几个标签页，哪个是你正在写文章的页面？不用点进去，瞄一眼图标就知道。这就是符号标识在悄悄帮你做识别。
怎么添加自己的 Favicon？
其实很简单。准备一个 32×32 像素的 PNG 或 ICO 图片，名字可以叫 favicon.ico。然后把它放在网站根目录，在 HTML 的 <head> 里加上这么一行：
<link rel="icon" href="/favicon.ico" type="image/x-icon">如果是 PNG 格式，可以这样写：
<link rel="icon" sizes="32x32" href="/favicon.png" type="image/png">现在主流浏览器都支持 PNG，所以不用非得转成 ICO，省事不少。
移动端也有“符号标识”
用户把你的网站添加到手机桌面时，用的可不是 Favicon，而是 Apple Touch Icon 和其他平台的适配图标。这时候你需要准备更大尺寸的图，比如 180×180 用于 iPhone：
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">还可以为不同设备提供多个尺寸：
<link rel="icon" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" sizes="512x512" href="/android-chrome-512x512.png">这些图通常放在网站根目录，命名也尽量按惯例来，避免配置出错。
别让默认图标拉低专业感
很多新手建站，直接跳过这一步，结果浏览器显示的是默认的地球图标或一片空白。这就像开店没挂牌匾，顾客路过都不知道这是哪儿。哪怕你用 PS 随手做个带字母的背景图，也比没有强。
更进一步，可以结合品牌主色和 Logo 简化设计，让用户看一眼就记住。比如用你网站首字母加个圆角背景，导出成 ICO 或 PNG 就能用。
花十分钟做的事，可能让用户记住你三年。别小看这个小图标，它是你在用户屏幕上的“数字门牌”。