建站

网站图标不更新:检查favicon地址、版本和浏览器缓存

资料核对与更新:2026-10-27 · 阅读约2分钟

已经替换图标,标签页仍显示旧图案,可能与地址、格式或缓存有关。本文介绍逐步验证方法,避免反复替换无效文件。

不同屏幕尺寸的响应式网页设计示意
不同屏幕尺寸的响应式网页设计示意;作者:Muhammad Rafizeldi ( MRafizeldi );许可:CC BY-SA 3.0。主题示意配图,非本文操作截图。 图片来源 · 许可说明

网站改名后,标签页还显示旧图标,先别反复重启服务。浏览器可能仍缓存旧资源,也可能根本没有请求你替换的那个文件。应先确认页面实际声明了哪个图标。

查看真实图标地址

检查页面 head 中 rel="icon" 的链接、格式和尺寸声明,确认地址可直接访问。多个图标同时存在时,浏览器可能根据类型和尺寸选择不同文件;只替换根目录 favicon.ico 未必影响已声明的 SVG 或其他图片。

使用可追踪的版本

更新时可换成带版本的文件名,再修改页面引用,让新旧资源明确区分。文件本身也要确认能正确解码,响应类型与格式一致。若有 CDN,清理对应文件缓存,避免只清 HTML 却保留旧图标。

区分使用位置

浏览器标签页、手机添加到主屏幕和搜索结果图标可能采用不同规则。Apple 主屏幕图标也有自己的声明方式,不应认为桌面标签页更新后所有位置会立刻同步。先检查目标场景,再决定补哪个资源。

验收可用新浏览器会话与另一台设备交叉确认,同时记录实际请求的网址。站点名称、页面标题和图标是独立项目,修改其中一个不会自动更新另外两个。保留旧文件一段时间,避免缓存页面请求失效资源。

参考资料

资料核对:2026年10月27日。本文为文档综合与操作建议,未宣称完成本站实测。

MDN rel 属性

MDN MIME 类型

本文新增价值
围绕网站图标不更新整理适用边界、逐步操作与验收方法,区分错误现象和真正原因,避免只给出配置值而缺少验证步骤。