最能暴露"这个站是随手搭的"的细节，就是浏览器标签上那个空白方块，或者一张糊掉的缩略图。
图标出现的地方比想象中多：浏览器标签、书签列表、手机添加到桌面、部分搜索结果、分享卡片。每个场景要的尺寸和格式都不一样。
准备这几种就够
- 浏览器标签：SVG 或 32×32 的 PNG，现代浏览器优先用 SVG。
- 手机桌面：180×180 的 PNG，iOS 添加书签时用。
- 分享卡片：单独一张大图，和图标不是一回事。
- 多尺寸打包：
favicon.ico里塞 16、32、48 三个尺寸，兼容老环境。
深色和浅色背景都要看一眼，不少图标在白底上很清楚，切到深色模式就消失了。
改完为什么还是旧的
图标是被浏览器缓存得最狠的资源之一，有时清缓存也不管用。常见原因是路径固定、文件名没变，浏览器根本不去重新请求。
解决办法是给文件名加版本号（比如 favicon-v3.png），或者在引用地址后面加个参数。改图标这种小事，最容易在"明明改了却看不到"上耗掉半小时。
顺带几个品牌细节
页面标题别全站一样，每页写清自己的主题，标签页才认得出；主色和图标保持一致，视觉上才像一个整体；404 页面也放上 logo 和回首页入口，出错的时候反而是留印象的机会。
这些东西单项价值都不大，但堆在一起，就是"这家挺认真"和"这家随便弄的"之间的差别。建站的专业感，多半藏在这种没人特意夸的地方。