Imagens do app

Saiba mais sobre as imagens necessárias para criar o seu aplicativo!

Atenção: as imagens descritas neste artigo dever ser enviadas para o app com as medidas exatas aqui descritas, sob pena de não ser finalizado o upload do arquivo da imagem em questão.

Imagem de abertura

A imagem de abertura, também conhecida por "splash", é exibida enquanto o aplicativo está sendo carregado. É a primeira imagem que vai ser vista pelo usuário, e, geralmente dura poucos segundo. Por isso, o ideal é que seja uma imagem simples, sem muitos detalhes, que apresente o nome do aplicativo.

Medidas: 750 x 1334 px (JPEG, JPG ou PNG)

Para alterar as imagens do seu app, vá para o Editor visual do seu app e em seguida clique em Imagens do app, no menu esquerdo. Substitua a imagem de abertura, cabeçalho ou fundo, no painel de edição da direita. 

Veja na imagem abaixo:

Cabeçalho

O cabeçalho fica localizado na parte superior do app. Essa imagem vai aparecer sempre que o aplicativo estiver aberto na tela principal, o menu. Espaço ideal para destacar a marca do aplicativo.

A imagem em questão deverá ter uma altura máxima de 66 pixels, sendo que a largura será ajustada automaticamente pelo sistema segundo o tamanho da tela do dispositivo no qual o app é executado.

A imagem inserida deve ter o fundo transparente de forma que a cor do fundo seja definida na tela de Layout > Cores do App > Personalize as cores.

Veja que depois de ajustar a cor de fundo do cabeçalho (1) o preview do app mostrará como vai ficar no app (2)

Isso evitará que a imagem inserida no cabeçalho do app seja distorcida quando executada em telas de diversos tamanhos

Imagem de fundo

É o papel de parede do aplicativo e estará presente em várias páginas do seu aplicativo. Sugerimos imagem simples e com mínimos detalhes, para que a mesma não atrapalhe a leitura do conteúdo ou provoque a sensação de cansaço.

Medidas: 750 x 1334 px (JPEG, JPG ou PNG)

Ícones

Quanto aos ícones, em primeiro lugar, vale ressaltar que todos deve possuir proporção quadrada, ou seja, devem ter 150 x 150 px, 250 x 250 px ou 300 x 300 px, por exemplo.

Uma vez esclarecido isso, passemos para as medidas indicadas pelo sistema para cada um deles.

Ícones das abas

A imagem dos ícones do seu aplicativo podem ter qualquer formato. Para isso é necessário ter o fundo transparente. Idealmente, use símbolos simples que tenham significado próximo da palavra do título da aba.

Medidas: 150 x 150 px (JPEG, JPG ou PNG)

Imagem de fundo do ícone da aba

A imagem de fundo do ícone da aba pode ter qualquer formato, indicamos que tenha conhecimento em design para já personalizar uma imagem de fundo com o texto na mesma e desativar o texto no layout da aba.

Medidas: 375 x 120 px (JPEG, JPG ou PNG)

Ícone do app 

É o principal ícone do aplicativo. Essa é a imagem do seu app que vai ficar instalada no aparelho de todos que fizerem o download. Ela deve representar bem o aplicativo.

Medidas: 250 x 250 px (JPEG, JPG ou PNG)

Ícone para notificação push do android

Esse ícone vai aparecer para todos usuários do sistema Android quando chegar uma notificação do seu aplicativo. É muito importante que o ícone tenha apenas uma cor e que tenha transparência. Para informações mais detalhadas consulte esse artigo sobre ícones para notificação push no android

Medidas:  250 x 250 px (PNG com fundo transparente)

Banner de publicidade personalizado

Essa opção permite que o app tenha o banner customizado localizado no rodapé. 

Medidas: 640 x 100 px (JPEG, JPG ou PNG)