2023-08-27 10:55:55 +02:00
|
|
|
---
|
2023-12-06 18:21:17 +05:30
|
|
|
title: How to Add Custom Logo
|
|
|
|
|
slug: /how-to-guides/admin-guide/how-to-add-custom-logo
|
2023-08-27 10:55:55 +02:00
|
|
|
---
|
|
|
|
|
|
|
|
|
|
# How to add a custom logo for the application
|
|
|
|
|
|
|
|
|
|
To change the Logo for the application, we need to update logo at two locations.
|
|
|
|
|
|
|
|
|
|
1. Login Page
|
|
|
|
|
|
|
|
|
|
{% image
|
2023-09-12 12:22:40 +02:00
|
|
|
src="/images/v1.0/how-to-guides/login-Page-Logo.png"
|
2023-08-27 10:55:55 +02:00
|
|
|
alt="loginPage-image"
|
|
|
|
|
/%}
|
|
|
|
|
|
|
|
|
|
2. Navigation Bar
|
|
|
|
|
|
|
|
|
|
{% image
|
2023-09-12 12:22:40 +02:00
|
|
|
src="/images/v1.0/how-to-guides/nav-Bar-Logo.png"
|
2023-08-27 10:55:55 +02:00
|
|
|
alt="navBar-image"
|
|
|
|
|
/%}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### Step 1: Get the image size as per the following formats.
|
|
|
|
|
|
|
|
|
|
- Monogram aspect ratio should be 1:1 and Recommended size should be 30 x 30 px
|
|
|
|
|
- Logo aspect ratio should be 5:2 and Recommended size should be 150 x 60 px
|
|
|
|
|
|
|
|
|
|
### Step 2: Configure 'openmetadata.yaml' or the corresponding environment variables
|
|
|
|
|
|
|
|
|
|
```yaml
|
|
|
|
|
applicationConfig:
|
|
|
|
|
logoConfig:
|
|
|
|
|
customLogoUrlPath: ${OM_CUSTOM_LOGO_URL_PATH:-""} #login page logo
|
|
|
|
|
customMonogramUrlPath: ${OM_CUSTOM_MONOGRAM_URL_PATH:-""} #nav bar logo
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
1. `customLogoUrlPath`
|
|
|
|
|
|
|
|
|
|
- URL path for the login page logo.
|
|
|
|
|
|
|
|
|
|
2. `customMonogramUrlPath`
|
|
|
|
|
|
|
|
|
|
- URL path for the navbar logo.
|
