<link rel="icon" type="image/png" sizes="16x16" href="/icons/16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/icons/32.png">
只放了一张 256x256 的 favicon.png,标签页上按 16px 显示成一团糊,书签栏里也看不出图形,换 32 的稍有改善但不明显。先别急着动参数,把报错原文和时间点记下来,顺序反了容易白折腾。
原因不复杂,浏览器把大图直接缩到 16px,缩略算法在这个比例下丢细节,细线条和小字最先糊掉。图标按小尺寸单独画过才清楚。
「多尺寸图标」改完先别急着全量,挑一台机器放半天,真有问题这段时间就能看出来。备份不是备了就行,恢复一次才算数,很多备份文件打开才发现是空的。
接口问题先分清是没发出去、发出去了没收到,还是收到了处理失败。偶发问题先统计频率,一小时几次和一天一次,查法完全不同。
处理上按这个顺序:出一套 16 32 48 的 ico 打包在一个文件里;或者用 link sizes 分别声明 png;小尺寸单独画 减少细节和描边宽度;在标签页和书签栏各看一次。
改完只确认一件事:标签页显示 16px 版本 图形轮廓清楚 不再是一团模糊。
