Open WebUI自定义OpenWebUI图标

原创已于 2025-03-27 16:21:55 修改 · 1.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#open-webui

于 2025-03-27 16:18:11 首次发布

想要修改和删除这两个逻辑最简单的办法就是直接修改OpenWebUI代码，但这个操作又会导致无法直接更新最新版本的OpenWebUI。

所以我稍微研究了下如何在不修改代码的情况下实现替换，不影响便捷更新Open WebUI。

Favicon与Icon的替换

这两者的替换可以说是最简单的替换方法

我本人的OpenWebUI是OpenWebUI的Docker通过NPM (Nginx Proxy Manager)反代出去

理论上所有的Nginx的反代都适用于本篇教程

所以直接利用NPM的重定向功能将图片地址反代为其他链接

在NPM站点高级设置中添加以下配置：

# Favicon
location ~* ^/favicon/(.*\.(?:ico|png|svg))$ {
    proxy_pass https://你自己的网站域名/favicon/$1;
    proxy_set_header Host 你自己的网站域名;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
}

# 网站Icon
location = /static/favicon.png {
    proxy_pass https://你自己的网站域名/static/favicon.png;
    proxy_set_header Host 你自己的网站域名;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
}

有四个图片需要替换

去除网站title中的(Open WebUI)

proxy_set_header Accept-Encoding "";
sub_filter_once off;
sub_filter_types application/json;
sub_filter '"name":" (Open WebUI)"' '"name":"你想要的网站标题"';

或者在容器的环境变量增加一个 WEBUI_NAME=你的自定义

loading图片的替换

location = /static/splash.png {
alias /logoproxy/static/splash.png;
}

这个配置同时也会替换默认模型logo