Diretrizes criativas de notificações push na web

Melhores práticas ao criar notificações push web ricas

Tamanho máximo do arquivo
Todos os arquivos enviados para a plataforma devem ter menos que 2MB.

Notificações push web podem ser enriquecidas com dois tipos de imagem: ícones e imagens.

Ícone

O ícone é uma imagem quadrada que está sempre presente na mensagem. Por padrão, o sistema usará o ícone de configurações do seu site como imagem do ícone .

Dimensões sugeridas: 256x256 px (deve ser quadrado)
Formatos de imagem válidos: PNG, JPG (JPEG), GIF (apenas animado no Firefox no Windows)

O painel de pré-visualização mostra como será a notificação push nas diferentes plataformas:

Windows (desktop)

982

Apple (desktop)

768

Android

854

Imagem

Adicionar uma imagem é uma opção opcional. É maior que o ícone e é uma ótima ferramenta para marketing de conteúdo.

Dimensões: 512x256 px (a imagem pode ter outros tamanhos, mas a razão deve ser 2:1).
Formatos de imagem válidos: PNG, JPG (JPEG)
Diferenças entre dispositivos móveis e desktop: Diferentes proporções de corte em imagens de desktop podem até ser quadradas, enquanto o Android sempre cortará para uma proporção de 2:1.

Corte de Android
No celular, o Android corta a parte superior e inferior da imagem conforme o tamanho da tela do celular. Portanto, não há uma dimensão específica, mas a área segura para o conteúdo fica no meio da imagem.