官方支持zabbix网页修改logo和菜单图标。

说明：

修改方法很简单 ，不需要修改svg文件，可以直接上用png图片简单多了，

在新版本zabbix5.0以后的版本，提供了 Rebranding（直译为品牌重塑）的模块，该模块为一个 php 文件。参数详解如下：

BRAND_LOGO：登录页 logo
BRAND_LOGO_SIDEBAR：首页侧栏 logo
BRAND_LOGO_SIDEBAR_COMPACT：首页侧栏隐藏 logo
BRAND_FOOTER：页脚
BRAND_HELP_URL：帮助链接 可以设置为官方文档6.2中文版

先看效果：

 

操作方法 ：

1、准备图标文件

本教程需要你自己准备三个logo图标文件和一个网页标题的favicon.ico 文件 ，一共要准备四个文件。logo图标可以用PS制作 png格式的，favicon.ico文件可以先用PS做一个34*34的png文件，再上百度搜索ico转换，把格式转成ico格式。

2、logo图标尺寸

官方默认登录页logo为114x30 、侧栏logo为91x24 、侧栏隐藏logo为24x24，  有PS基础的可以图标，我这里图标以尺寸比官方的稍大一点：登录页280*100 、 侧栏132*40 、侧栏隐藏28*38。

文件名命名如下图：

登录页logo: custom_logo.png

首页侧栏logo: custom_logo_sidebar.png

首页侧栏隐藏 logo: custom_logo_sidebar_compact.png

网页图标文件: favicon.ico

将四个文件准备好以后进行下一步。

3.确定你的zabbix安装目录

        a、用find / -name zabbix.conf  查找配置文件路径naing或者apache的配置文件

        b、知道位置以后，通过编辑这个配置文件，可以在这个配置文位里找到zabbix的web目录。

        vim /etc/nginx/conf.d/zabbix.conf

        现在我们已经知道web页面的路径为：/usr/share/zabbix/

4、 创建 logo 文件夹

（根据个人喜好，也可以不用创建。创建以后要在php文件里指定到刚创建的目录里来，不明白 就按我步骤走。）

mkdir /usr/share/zabbix/logo

5、上传图标文件

通过ssh或者WinSCP 工具，将你准备好的三张图片png图片传到这个目录，

6、创建 brand.conf.php 文件

vim /usr/share/zabbix/local/conf/brand.conf.php

<?php return [
  'BRAND_LOGO' => './logo/custom_logo.png',
  'BRAND_LOGO_SIDEBAR' => './logo/custom_logo_sidebar.png',
  'BRAND_LOGO_SIDEBAR_COMPACT' => './logo/custom_logo_sidebar_compact.png',
  'BRAND_FOOTER' => '美美博哎 技术支持wx:byy9533 @ Zabbix',
  'BRAND_HELP_URL' => 'https://www.zabbix.com/documentation/6.0/zh/'
];

编辑完了要给赋权限

chmod -R 777 /usr/share/zabbix/local/conf

7、更换网页标题图标

找到 favicon 的具体位置 ，替换浏览器图标文件（这步可以不做不影响，这个替换后会在浏览器的标题上显示）

find / -name favicon.ico

备份原来的图标文件：mv /usr/share/zabbix/favicon.ico /usr/share/zabbix/favicon.ico.bak

将你准备好的 favicon.ico 图标文件上传到 /usr/share/zabbix/

8、修改zabbix系统名字

修改登录页面右上角显示的文字 和登录以后左上角的文字内容

vim /etc/zabbix/web/zabbix.conf.php

如图：$ZBX_SERVER_NAME        = "自动化运维监控平台"

 完成，现在刷新网页看效果

看到就是是我们最开始展示的那个图的样子。