mirror of
				https://github.com/open-metadata/OpenMetadata.git
				synced 2025-10-31 10:39:30 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			46 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			46 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| ---
 | |
| title: How to Change the Login Page & Nav Bar Logo and Favicon
 | |
| slug: /how-to-guides/admin-guide/how-to-add-custom-logo
 | |
| ---
 | |
| 
 | |
| # How to Change the Login Page & Nav Bar Logo and Favicon
 | |
| 
 | |
| OpenMetadata allows you to customize the logo and favicons. In this guide we will see how to add custom logo and favicon.
 | |
| 
 | |
| 1. Navigate to **Setting >> Preferences >> Themes**
 | |
| 
 | |
| page and page and then you will get option to enter `Custom Logo` url.
 | |
| 
 | |
| {% image
 | |
| src="/images/v1.6/how-to-guides/custom-logo/logo.png"
 | |
| alt="Custom Logo"
 | |
| /%}
 | |
| 
 | |
| {% image
 | |
| src="/images/v1.6/how-to-guides/custom-logo/logo0.1.png"
 | |
| alt="Custom Logo Setting"
 | |
| /%}
 | |
| 
 | |
| 2. Enter the values in the edit form and **Save** the changes.
 | |
| 
 | |
| For logos, ensure the following sizing requirements:  
 | |
| - **Monogram/Favicon**: Use a 1:1 aspect ratio.  
 | |
| - **Logo**: Use a 16:9 aspect ratio. 
 | |
| 
 | |
| {% image
 | |
| src="/images/v1.6/how-to-guides/custom-logo/custom-logo-form.png"
 | |
| alt="custom-logo-form"
 | |
| /%}
 | |
| 
 | |
| 3. After saving the changes, refresh the page to view the updated logos and favicon.
 | |
| 
 | |
| {% image
 | |
| src="/images/v1.6/how-to-guides/custom-logo/custom-logo-application.png"
 | |
| alt="custom-logo-application"
 | |
| /%}
 | |
| 
 | |
| {% image
 | |
| src="/images/v1.6/how-to-guides/custom-logo/custom-logo-login-page.png"
 | |
| alt="custom-logo-login-page"
 | |
| /%}
 | 
