宝塔面板自定义Favicon有三种方法:一、直接替换/www/server/panel/BTPanel/static/images/下favicon.ico或favicon.png;二、通过Nginx配置add_header注入Link头;三、修改/templates/default/index.html中<link rel="icon">标签并重启面板。

宝塔面板安装完成后,默认使用系统内置的Favicon图标显示在浏览器标签页中。若需自定义该图标,需手动替换对应文件并确保格式与路径符合要求。以下是具体操作步骤:
一、替换面板Favicon文件
宝塔面板的Favicon图标文件为静态资源,位于面板前端资源目录中,直接替换即可生效。该方式无需修改HTML代码或配置项,适用于所有宝塔版本(7.x/8.x/9.x)。
1、使用宝塔【文件】管理器,进入路径:/www/server/panel/BTPanel/static/images/
2、查找当前存在的favicon文件,常见名称为:favicon.ico 或 favicon.png
3、准备您的新图标文件:尺寸建议为16×16像素,格式推荐ICO(兼容性最佳),也可使用PNG(需确保无透明通道异常)
4、点击原favicon文件右侧的【删除】按钮,再点击【上传】按钮,将新图标上传至此目录
5、上传后,确认文件名与原文件名完全一致(如原为favicon.ico,则新文件也必须命名为favicon.ico)
6、清除浏览器缓存并强制刷新(Ctrl+F5),或换用无痕窗口访问面板地址验证效果
二、通过Nginx配置注入自定义链接
若无法直接替换静态文件(如权限受限或面板升级后被覆盖),可利用Nginx反向代理层在HTTP响应头中注入Favicon链接,绕过面板原始资源路径限制。
1、在宝塔面板中,点击【网站】→ 找到您用于访问面板的域名(如已绑定域名)→ 点击【设置】
2、切换至【配置文件】选项卡,在location / {区块内插入以下代码:
3、在location / {内部添加:add_header Link '<https://your-domain.com/favicon.ico>; rel=icon';
4、将https://your-domain.com/favicon.ico替换为您的实际可公开访问的Favicon URL(需确保该URL返回200状态且Content-Type为image/x-icon)
5、保存配置,点击【重载配置】使Nginx生效
6、访问面板页面,检查浏览器开发者工具(Application → Manifest → Icons)是否识别到新图标
三、修改面板HTML模板中的link标签(高级)
此方法直接干预面板首页HTML源码,在
中显式声明Favicon引用,优先级高于静态文件自动匹配机制,适用于需精确控制图标的场景。1、进入宝塔面板前端模板目录:/www/server/panel/BTPanel/templates/default/
2、编辑文件:index.html
3、在文件中定位到<head>标签内部,查找是否存在已有语句
4、若存在,将其href属性值修改为您的Favicon绝对路径,例如:<link rel="icon" href="/static/images/my-favicon.ico" type="image/x-icon">
5、若不存在,手动在<head>内第一行插入上述link标签
6、保存文件,执行命令重启面板服务:bt restart
7、再次访问面板,检查页面源码中<head>是否已更新对应link标签










