> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.groner.app/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Como trocar a capa da tela inicial de login (Banner)

# Como trocar a capa da tela inicial de login (Banner)

Este artigo explica como personalizar a **capa da tela inicial de login** do sistema, alterando o **Banner** da sua instância. Essa personalização permite aplicar a identidade visual da sua empresa logo na primeira tela de acesso.



## Quem pode realizar essa configuração

* Usuários com permissão de **Administrador;**
* Responsáveis pela configuração da instância.



## Caminho da configuração

Para realizar a alteração, acesse o menu:

**Configuração > Personalizar Instância.**



## O que pode ser personalizado nessa tela

Dentro de **Personalizar Instância**, você encontrará as seguintes opções:

* **Logo**: imagem principal da marca no sistema;
* **Banner**: imagem de fundo da tela inicial de login (**capa inicial**);
* **Ícone**: ícone exibido no navegador (favicon).

> ⚠️ **Importante:**  
> A **capa da tela inicial de login** corresponde à opção **Banner**.



## Passo a passo para trocar a capa da tela inicial (Banner)

### 1. Acesse a personalização da instância
No menu principal do sistema, clique em:

**"Configuração" > "Personalizar Instância"**

📸 ![](https://storage.crisp.chat/users/helpdesk/website/-/2/e/a/d/2ead53dce3a73c00/1_46dpgc.png)




### 2. Localize a opção “Banner”
Na tela de personalização, identifique o campo **Banner**, que é responsável pela imagem exibida na tela inicial de login.

📸 ![](https://storage.crisp.chat/users/helpdesk/website/-/2/e/a/d/2ead53dce3a73c00/banner_b5cewa.png)

### 3. Envie a nova imagem
Clique na opção de **alterar ou enviar imagem** e selecione o arquivo desejado no seu computador.



Boas práticas para a imagem do banner:
* Utilize uma imagem em **boa resolução;**
* Prefira imagens horizontais;
* Evite textos muito próximos às bordas;
* Use cores que mantenham boa leitura dos campos de login.



### 4. Salve as alterações
Após selecionar a imagem, clique em **Salvar** para aplicar a personalização.



## Resultado esperado

Após salvar, a nova imagem de **Banner** será exibida como **capa da tela inicial de login**, substituindo a imagem anterior.





## Dicas importantes

* Caso a imagem não apareça imediatamente, limpe o cache do navegador ou atualize a página;
* Certifique-se de que a imagem não ultrapassa o tamanho máximo permitido pelo sistema;
* Sempre utilize imagens alinhadas à identidade visual da sua empresa.



Se tiver dúvidas ou dificuldades durante o processo, entre em contato com o suporte. 😊

<!-- groner-suporte:veja-tambem:inicio -->

## Veja também

- [Como personalizar a instância (Whitelabel)](https://ajuda.groner.app/pt-br/article/como-personalizar-a-instancia-whitelabel-1oa7jdi/)

<!-- groner-suporte:veja-tambem:fim -->