Mensagens no app modais
Os modais aparecem no centro da tela do dispositivo com uma sobreposição que ajuda a destacá-los do seu app em segundo plano. São perfeitos para sugerir de forma direta que o usuário aproveite uma promoção ou sorteio.
Esse tipo de mensagem está disponível tanto no editor de arrastar e soltar quanto no editor tradicional.
Especificações de imagem
As mensagens modais no app são projetadas para se ajustarem ao dispositivo nas melhores e mais preenchidas proporções possíveis, mantendo-se fiéis ao tamanho e às proporções da imagem ou do texto escolhido para a mensagem.
Embora não haja limites para o número de caracteres de texto que você pode incluir em uma mensagem no app (assim como botões, título, corpo principal e outros), recomendamos moderação na quantidade de texto. O excesso de texto exigirá que os usuários expandam e rolem a mensagem.
Todas as mensagens no app têm um tamanho de imagem recomendado de 500 KB, tamanho máximo de imagem de 5 MB e suportam os tipos de arquivo PNG, JPEG e GIF. Imagens WebP não são suportadas em todos os dispositivos ou navegadores; sugerimos converter imagens WebP para PNG ou JPEG antes de adicioná-las às mensagens no app.
| Tipo | Proporção | Qualidade da imagem | Notas |
|---|---|---|---|
| Retrato em tela inteira com texto | 6:5 | Alta resolução 1200 x 1000 px Resolução mínima 600 x 500 px |
O corte pode ocorrer em todos os lados, mas a imagem sempre preencherá os 50% superiores da janela de visualização. |
| Retrato em tela inteira (somente imagem, com ou sem botões) | 3:5 | Alta resolução 1200 x 2000 px Resolução mínima 600 x 1000 px |
O corte pode ocorrer nas bordas esquerda e direita em dispositivos mais altos. |
| Tipo | Proporção | Qualidade da imagem | Notas |
|---|---|---|---|
| Paisagem em tela inteira com texto | 10:3 | Alta resolução 2000 x 600 px Resolução mínima 1000 x 300 px |
O corte pode ocorrer em todos os lados, mas a imagem sempre preencherá os 50% superiores da janela de visualização. |
| Paisagem em tela inteira (somente imagem, com ou sem botões) | 5:3 | Alta resolução 2000 x 600 px Resolução mínima 1000 x 600 px |
O corte pode ocorrer nas bordas esquerda e direita em dispositivos mais altos. |
| Tipo | Proporção | Qualidade da imagem | Notas |
|---|---|---|---|
| Modal (somente imagem) | 1:1 | Resolução máxima recomendada: 1200 x 2000 px Resolução mínima: 600 x 600 px |
A mensagem será redimensionada para se ajustar a imagens com a maioria das proporções. A resolução máxima recomendada tem uma proporção de 3:5, o que pode não fornecer resultados ideais. Embora imagens maiores sejam utilizáveis, elas podem levar a tempos de carregamento mais longos. A proporção ideal para imagens é 1:1. Não atender a essa proporção pode disparar um aviso durante o upload. Esse aviso é uma sugestão para melhores resultados e não impede o upload de imagens maiores. |
| Modal com texto | 29:10 | Alta resolução 1450 x 500 px Resolução mínima 600 x 205 px |
Imagens altas serão reduzidas e centralizadas horizontalmente. Imagens largas serão cortadas nas bordas esquerda e direita. |
Telas maiores
Em um tablet ou navegador de desktop, uma mensagem no app modal ainda ficará centralizada na tela do app, conforme mostrado na captura de tela a seguir.
