Imagem de ícone do app

O ícone do app é a imagem que aparece no dispositivo (celular, tablet ou computador) e que é clicada para abrir o app ou web app. Como mostra a imagem abaixo.

Importante: Sempre que inserido ou trocada a imagem de ícone do app será necessário atualizar o app nas lojas para que a mudança seja efetivada para os usuários do app.



Como inserir o ícone do app

Acesse o painel editor do app e entre no "Editor visual" localizado no topo;


No menu da lateral esquerda, clique em "Ícones do app";


Em "Ícone do app" envie a imagem desejada clicando no box cinza, como mostra a imagem abaixo:




Siga as seguintes orientações para inserir a imagem no editor:

Tamanho da imagem: 1024 x 1024 px

Área útil: 625 x 625 px

Tamanho máximo do arquivo: 5MB

Formatos suportados: PNG.


IMPORTANTE:
Se você possui um logo, você deve centralizá-lo dentro da área de 625 x 625 pixels para que ele não seja cortado... mas a imagem toda deve ter 1024 x 1024 px. No exemplo abaixo, deixamos a sobra toda roxa e você pode fazer o mesmo, aplicando uma única cor ou textura para preencher todo o espaço de 1024 x 1024 px.

Veja:



O que ocorre se eu não centralizar o logo dentro do espaço de 625 x 625 px?

Você poderá clicar na tooltip ao lado de "ÍCONE DO APP" para ver uma pré visualização se o seu logo ficará cortado nas diferentes variações de imagem de ´cone do app nos diferentes celulares. Veja um exemplo, onde não foi respeitada essa orientação:



Onde criar essa imagem?

Sugerimos que use a plataforma Canva.com pois é grátis e permite criar imagens bem legais para o app de forma fácil.

Se preferir, pode seguir este modelo, e trabalhar em cima dele, para que seu ícone não seja cortado em nenhum aparelho:

Sobre o ícone, você pode usar as medidas 1024x1024 para o ícone e acredito que 900x900 como área útil vai resolver o problema para você" não teria um padrão? para podermos ajustar

https://www.canva.com/design/DAFy7gRKK2w/ztMi5m1av-0BmbgJVw1z6A/view?utm_content=DAFy7gRKK2w&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink&mode=preview

Atualizado em: 01/11/2023