---
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/shop/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/shop/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. Splash screen personalizado

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 no seu back office.*

1. Clique na aba "**Splashscreen**"

2. **Crie os seus arquivos de tela inicial** com os seguintes tamanhos*:
- iOS: 1242 x 2688 pixels
- Android: 1440 x 2560 pixels
- Tablet: 2048 X 1536 pixels landscape

** - Esses tamanhos são o mínimo necessário, se você carregar fotos maiores, poderá cortá-las.
- Se você carregar uma foto menor, um plano de fundo preto será adicionado para preencher o espaço vazio (a 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/1878443/art/default/34458453-31505637.jpg?v=1782313336.965367)

Para se adaptar a todos os diferentes modelos, os splash screens móveis serão cortados, se necessário, para combinar perfeitamente com o ecrã do utilizador 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/1878443/art/default/34458453-31505638.jpg?v=1782313336.9773672)

## 2. O Assistente

Use o assistente para criar os seus splash screens diretamente do back office.

1. **Clique na aba Assistente**
2. **Crie o seu splash screen diretamente** do back office:
- Adicione um texto ou uma foto

![](https://cmsphoto.ww-cdn.com/superstatic/1878443/art/default/34458453-31505639.jpg?v=1782313337.0173674)

- Defina o tipo de letra, 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/1878443/art/default/34458453-31505640.jpg?v=1782313337.0333674)

Se você já tem as telas de lançamento configuradas:

- Clique em "**Continuar**" no aviso vermelho para gerar automaticamente todos os formatos necessários para o seu app.

![](https://cmsphoto.ww-cdn.com/superstatic/1878443/art/default/34458453-31505641.jpg?v=1782313337.0413675)

Já está! A sua nova tela de lançamento foi criada!