---
title: "Personalizar a tela de lançamento do seu App"
description: "As telas de lançamento são as imagens que aparecem ao iniciar o aplicativo nativo do iOS e do Android enquanto o conteúdo está sendo carregado. Para configura"
canonical_url: "https://pt.goodbarber.com/help/definir-a-identidade-visual-do-app-r87/personalizar-a-tela-de-lancamento-do-seu-app-a104/"
lang: pt
---

# Personalizar a tela de lançamento do seu App

Source: https://pt.goodbarber.com/help/definir-a-identidade-visual-do-app-r87/personalizar-a-tela-de-lancamento-do-seu-app-a104/

As telas de lançamento são as imagens que aparecem ao iniciar o aplicativo nativo do iOS e do Android enquanto o conteúdo está sendo carregado.

Para configurar sua tela de lançamento:
1. Acesse o menu à esquerda: **Meu App > Tela de Inicialização**

## 1. Telas de lançamento personalizadas

Para adaptar a imagem a diferentes tamanhos de dispositivos diferentes, você precisa de diferentes formatos.
*Nota: Dependendo do plano em que você se inscreveu, apenas imagens para as plataformas disponíveis serão solicitadas em seu back office.*

1. Clique na aba "**Tela de lançamento**"
2. Crie seus arquivos de tela inicial com os seguintes tamanhos *:
- iOS : 1242 x 2688 pixels
- Android : 1440 x 2560 pixels
- Tablet : 2048 X 1536 pixels

** - Esses tamanhos são o mínimo necessário, se você fizer upload de fotos maiores, poderá cortá-las.
- Se você fizer o upload de uma foto menor, um plano de fundo preto será adicionado para preencher o espaço vazio (sua imagem é mantida no tamanho original + fundo preto)*
*- A resolução recomendada é de 72 dpi.
- Embora essas imagens sejam relativamente grandes, sempre tente otimizá-las, especificamente seu peso, lembre-se de que a qualidade das redes móveis não é constante.

- Evite texto pequeno na parte inferior da imagem, muitas vezes ilegível na tela do smartphone.*

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038000-27897735.jpg?v=1781707416.261671)

Para se adaptar a todos os diferentes modelos, as telas iniciais móveis serão cortadas, se necessário, para combinar perfeitamente com a tela do usuário sem distorcer a imagem.
A demonstração abaixo mostra a mesma imagem em todos os modelos diferentes.
As faixas vermelhas indicam onde a imagem foi cortada.

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038000-29414134.jpg?v=1781707416.2896712)

## 2. O Assistente

Use o assistente para criar suas telas iniciais diretamente do back office.
1. Clique no separador **Assistente**
2. Crie seus ícones diretamente do back office:
- Adicione um texto ou uma imagem

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038000-27897736.jpg?v=1781707416.3056712)

- Defina a fonte, a cor e os efeitos do título e da linha de base (no exemplo acima, título é *Welcome*, a linha de base é *Loading your app now*)
- Selecione uma cor para o fundo ou adicione uma imagem de fundo
3. Clique em "**Gerar**"

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038000-27897737.jpg?v=1781707416.313671)

Se você já configurou suas telas de inicialização
- Clique em "**Continuar**" no aviso vermelho para gerar automaticamente todos os formatos necessários para seu aplicativo.

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038000-27897738.jpg?v=1781707416.3256712)

Aí está! O seu novo splash screen foi criado.

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038000-27897739.jpg?v=1781707416.3336713)