Especificações de imagem
De modo geral, imagens menores e de alta qualidade carregam mais rápido, por isso recomendamos usar o menor ativo possível para alcançar o resultado desejado. Para maximizar o uso de imagens em canais específicos, consulte os detalhes neste artigo.
Você deve sempre pré-visualizar e testar suas mensagens em diversos dispositivos para confirmar que as áreas mais importantes da sua imagem e mensagem apareçam conforme esperado.
Comportamento da imagem
| Disposição | 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. |
Vídeo
Vídeos enviados para a Biblioteca de mídia só podem ser usados em mensagens do WhatsApp. Para saber mais, consulte Criando uma mensagem do WhatsApp.
GIFs
GIFs são compatíveis com push para iOS, mensagens no app, e-mail, Cartões de conteúdo e mensagens MMS ou RCS. GIFs com formatos muito alongados (por exemplo, 3000 x 2 pixels) ou com 300 ou mais quadros podem falhar no upload, mesmo que o tamanho total do arquivo seja pequeno.
Orientações por canal
Cartões de conteúdo
| Tipo de cartão | Proporção | Qualidade da imagem |
|---|---|---|
| Clássico | Proporção 1:1 | 60 x 60 px |
| Com legenda | Proporção 4:3 | Largura mínima de 600 px |
| Banner | Qualquer proporção | Largura mínima de 600 px |
Para saber mais, consulte os detalhes de criação dos Content Cards.
| 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 arquivo | PNG, JPEG, GIF O suporte a imagens WebP varia entre os clientes de e-mail. Para uma renderização confiável, converta imagens WebP para PNG ou JPEG antes de adicioná-las às mensagens de e-mail. |
| Especificações de texto | Propriedades máximas recomendadas |
|---|---|
| Comprimento da linha de assunto | 35 caracteres 6 a 10 palavras |
Comprimento do "From: Name" |
25 caracteres |
| Comprimento do pré-cabeçalho | 85 caracteres |
Mensagens no app
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. |
Crie ativos com confiança! Nossos modelos de imagem para mensagens no app e sobreposições de zona segura foram projetados para funcionar bem em dispositivos de todos os tamanhos. Baixar ZIP de modelos de design.
Para saber mais, consulte Detalhes criativos de mensagens no app.
Font Awesome
A Braze oferece suporte ao uso do Font Awesome v4.3.0 para ícones de mensagens no app do tipo modal.
Notificações por push
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 |
| 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 | Pixels máximos | Tamanho máximo da imagem | Tipos de arquivo | Notas |
|---|---|---|---|---|---|
| iOS | 2:1 (recomendado) | 1038 x 1038 | 5 MB | PNG, JPEG, GIF | A partir de janeiro de 2020, as notificações Rich push 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 inline do Android | 3:2 | N/D | N/D | PNG, JPEG | Para mais detalhes, consulte push de imagem inline para Android. |
Comprimentos de mensagem recomendados
Para melhores resultados, consulte as diretrizes de comprimento de mensagem a seguir ao criar mensagens push. Pode haver alguma variação dependendo da presença de uma imagem, do estado da notificação (iOS) e da configuração de exibição do dispositivo do usuário, bem como do tamanho do dispositivo.
| Tipo de mensagem | Comprimento recomendado (somente texto) | Comprimento recomendado (rich) |
|---|---|---|
| Tela de bloqueio do iOS | 160 caracteres | 130 caracteres |
| Central de notificações do iOS | 160 caracteres | 130 caracteres |
| Banner de alerta do iOS | 80 caracteres | 65 caracteres |
| Tela de bloqueio do Android | 49 caracteres | N/A |
| Gaveta de notificações do Android | 597 caracteres | N/A |
Para saber mais sobre contagem de caracteres no iOS, consulte as diretrizes de contagem de caracteres do iOS.
Push para a web
| Navegador | Tamanho de ícone recomendado |
|---|---|
| Chrome | 192 x 192 px ou maior |
| Firefox | 192 x 192 px ou maior |
| Safari | 192 x 192 px ou maior (configurável por campanha com Safari 16 no macOS 13+) |
| Opera | 192 x 192 px ou maior |
| Navegador | Plataforma | Tamanho de imagem grande |
|---|---|---|
| Chrome | Android | Proporção 2:1 |
| Firefox | Android | N/A |
| Chrome | Windows | Proporção 2:1 |
| Edge | Windows | Proporção 2:1 |
| Firefox | Windows | N/A |
| Opera | Windows | Proporção 2:1 |
| Chrome | macOS | N/A |
| Safari | macOS | N/A |
| Firefox | macOS | N/A |
| Opera | macOS | N/A |
| Navegador | Plataforma | Comprimento máximo do título | Comprimento máximo do corpo |
|---|---|---|---|
| Chrome | Android | 35 | 50 |
| Firefox | Android | 35 | 50 |
| Chrome | Windows | 50 | 120 |
| Edge | Windows | 50 | 120 |
| Firefox | Windows | 54 | 200 |
| Opera | Windows | 50 | 120 |
| Chrome | macOS | 35 | 50 |
| Safari | macOS | 38 | 84 |
| Firefox | macOS | 38 | 42 |
| Opera | macOS | 38 | 42 |
Exemplos de notificações por push


Notificações com imagens grandes ficam melhores ao usar uma imagem de pelo menos 600 x 300 pixels.
Para recursos adicionais, consulte Especificações de imagem e texto para push.