IcoJet图标手记
← 图标手记

正确安装 favicon,让内页也能显示

电脑里有一个 ICO 文件,并不表示网站已经使用它。分开检查上传位置、网页声明和浏览器真正请求的文件,才能知道问题出在哪里。

先上传,再确认完整网址

将 favicon.ico 放到可公开访问的位置,直接打开文件网址。如果网站安装在 /tools/,那么 /tools/favicon.ico 与 /favicon.ico 是不同位置。开头的斜杠指向域名根目录;相对当前页面的路径则可能随内页层级改变。不要直接照搬别人的路径。

在网页头部写清声明

将下方示例放进 head,并按部署目录调整路径。检查 CMS 最终输出的 HTML,主题或插件可能已经添加另一份图标声明。遇到问题时,不要不断叠加指向不同文件的标签。

同时测试首页和较深的内页

在浏览器开发者工具中查看请求地址、状态和响应内容。返回 200,但内容其实是 HTML 错误页或首页,也不是有效图标。检查登录限制、重定向和 CSP 错误,修复具体路径或允许来源,不要全局关闭安全策略。最后用新浏览器配置重复检查。

<link rel="icon" href="/tools/favicon.ico" type="image/x-icon">
参考资料与延伸阅读 MDN — link ↗MDN — CSP img-src ↗

返回转换工具 ↗