Especificações da imagem
Em geral, imagens menores e de alta qualidade serão carregadas mais rapidamente, portanto, recomendamos usar o menor ativo possível para obter o resultado desejado. Para maximizar o uso de sua imagem em canais específicos, consulte os detalhes neste artigo.
Você deve sempre visualizar e testar suas mensagens em vários dispositivos para confirmar que as áreas mais importantes da sua imagem e mensagem aparecem conforme o esperado.
Crie ativos com confiança! Nossos modelos de imagem de mensagem no aplicativo e sobreposições de zona de segurança foram projetados para funcionar bem em dispositivos de todos os tamanhos. Faça o download dos modelos de design ZIP.
Recomendamos os seguintes tamanhos de carga útil:
| Sistema de envio de mensagens | Carga útil recomendada |
|---|---|
| iOS (pré-iOS 8) | 0,256 KB |
| iOS (pós-iOS 8) | 2 KB |
| Android (FCM) | 4 KB |
Mensagens no aplicativo
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), moderamos o número de caracteres de texto que você usa. 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 são compatíveis com os tipos de arquivo PNG, JPEG e GIF.
| Tipo | Proporção | Qualidade da imagem | Notas |
|---|---|---|---|
| Retrato em tela inteira com texto | 6:5 | Alta resolução de 1200 x 1000 px Resolução mínima de 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 de 1200 x 2000 px Resolução mínima de 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 de 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. |
| Tela inteira em paisagem (somente imagem, com ou sem botões) | 5:3 | Alta resolução 2000 x 600 px Resolução mínima de 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 proporcionar os melhores resultados. Embora imagens maiores possam ser usadas, elas podem levar a tempos de carregamento mais longos. A proporção ideal para imagens é de 1:1, e o não cumprimento dessa proporção pode disparar um aviso durante o upload. Esse aviso é uma sugestão para obter os melhores resultados e não impede que se faça upload de imagens maiores. |
| Modal com texto | 29:10 | Alta resolução 1450 x 500 px Resolução mínima de 600 x 205 px |
As imagens altas serão reduzidas e centralizadas horizontalmente. Imagens largas serão cortadas nas bordas esquerda e direita. |
Fonte incrível
O Braze suporta o uso da Font Awesome v4.3.0 para ícones de mensagens modais no aplicativo.
Notificações push
| Tipo de mensagem | Comprimento máximo da mensagem | Comprimento máximo do título |
|---|---|---|
| Tela de bloqueio do iOS | 175 caracteres | 43 caracteres |
| Notificação do iOS | 175 caracteres | 43 caracteres |
| Alerta de banner do iOS | 85 caracteres | 43 caracteres |
| Tela de bloqueio do Android | 49 caracteres | 43 caracteres |
| Gaveta de notificação do Android | 597 caracteres | 43 caracteres |
O tamanho de imagem recomendado para todas as imagens push é de 500 KB.
| Tipo de imagem | Proporção | Máximo de pixels | Tamanho máximo da imagem | Tipos de arquivos | Notas |
|---|---|---|---|---|---|
| iOS | 2:1 (recomendado) | 1038 x 1038 | 5 MB | PNG, JPEG, GIF | A partir de janeiro de 2020, as notificações por push avançadas do iOS podem lidar com imagens de 1038 x 1038 px, desde que tenham menos de 10 MB, mas recomendamos usar o menor tamanho de arquivo possível. Na prática, o envio de arquivos grandes pode causar estresse desnecessário na rede e tornar os tempos limite de download mais comuns. Para saber mais, consulte notificações rich do iOS. |
| Ícone push do Android | 1:1 | N/D | 500 KB | PNG, JPEG | |
| Imagem de notificação expandida do Android | 2:1 | Pequeno: 512 x 256 Médio: 1024 x 512 Grande: 2048 x 1024 |
500 KB | PNG, JPEG | Usado em notificações Rich do Android. |
| Imagem de inclinação do Android | 3:2 | N/D | N/D | PNG, JPEG | Para obter mais detalhes, consulte push de imagem inline para Android. |
| Tipo de e-mail | Propriedades máximas recomendadas |
|---|---|
| Somente texto | 25 KB |
| Texto com imagens | 60 KB |
| Largura do e-mail | 600 px |
| Especificações da imagem | Propriedades máximas recomendadas |
|---|---|
| Tamanho | 5 MB |
| Largura | Cabeçalho: 600 px Corpo: 480 px |
| Tipos de arquivos | PNG, JPEG, GIF |
| Especificações de texto | Propriedades máximas recomendadas |
|---|---|
| Comprimento da linha de assunto | 35 caracteres 6 a 10 palavras |
"From: Name" comprimento |
25 caracteres |
| Comprimento do pré-cabeçalho | 85 caracteres |
Comportamento de imagem
| Layout | Comportamento |
|---|---|
| Imagem e texto | Imagens altas ou estreitas serão reduzidas e centralizadas horizontalmente. Imagens largas serão cortadas nas bordas esquerda e direita. |
| Somente imagem | A mensagem será redimensionada para se ajustar a imagens com a maioria das proporções. |
Editar esta página no GitHub