Ícone da notificação push
Ao enviar uma notificação push, a mensagem é recebida no celular do usuário que possui o app instalado. Ao lado da mensagem aparecerá uma pequena imagem. Nesse artigo será possível entender como incluí-la.
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.
Inserir o ícone da notificação push
Acesse o painel editor do app entre no "Editor visual" localizado no topo;
No menu da lateral esquerda, clique em "Ícones do app";
Em "Ícone para notificações" envie a imagem desejada clicando no box escrito "envio de imagem";
A imagem enviada deve estar dentro das especificações orientadas na plataforma:
Tamanho da imagem: 250 x 250 pixels
Tamanho máximo do arquivo: 5MB
Formatos suportados: PNG
Fundo transparente
Como mostra a imagem abaixo.
![](https://storage.crisp.chat/users/helpdesk/website/f9b24d69ca120800/27bd4f0f-3fff-41ad-80b2-1cee9c_1xuhnx1.gif)
Perceba que após enviar a imagem aparecerá um pré visualizador de como ficará o ícone da notificação push. Se a imagem enviada não estiver dentro das especificações não será possível visualizá-lo corretamente.
Como mostra a imagem abaixo:
![](https://storage.crisp.chat/users/helpdesk/website/47c0138546b02c00/0f1a0acf-c640-43f2-b69b-d094b5_1yajx6i.gif)
Observações a serem consideradas
É importante saber que a notificação push para dispositivos Android requer um ícone especial. Por isso o fundo da imagem do ícone deve ser transparente. Também deve haver um contorno no ícone;
O sistema operacional Android, a partir da versão 5.0 Lollipop, converte todas as cores presentes no ícone de notificação push para branco. Como mostra a imagem abaixo;
![](https://storage.crisp.chat/users/helpdesk/website/5e5d6346f9ce2000/75fec1f5-3e68-4c5c-9771-724fd8_1s2o1kc.png)
Sem contorno a imagem da notificação push não será vista e aparecerá uma marca cinza ou branca (1) , dependendo do modelo do celular. Se respeitado as orientações, o ícone da notificação push é visualizado com sucesso (2). Como mostra a imagem abaixo;
![](https://storage.crisp.chat/users/helpdesk/website/9a691fee645b0000/79945292-9c10-4768-baa6-78e2ad_1ukcuq2.png)
Não use ícones com fundo colorido pois todas as cores são convertidas para branco. Como mostra a imagem abaixo;
![](https://storage.crisp.chat/users/helpdesk/website/8725db523c65280/2f8c4b2c-3abb-412b-a59c-33fa88_1yrtctd.png)
Não use ícones com várias cores. Todas as cores convertidas em branco, e o resultado será uma imagem sem detalhes. Como mostra a imagem abaixo;
![](https://storage.crisp.chat/users/helpdesk/website/e85c4ec1f7d3d800/b9c39149-f661-4369-aad1-e7e293_1qt2p2m.png)
Se o ícone é composto de várias formas, deve-se transformá-lo uma forma única. Como mostra a imagem abaixo;
![](https://storage.crisp.chat/users/helpdesk/website/8afb222288bf6800/69550cf2-a52c-41d1-a99d-ae7bc5_vsw9h4.png)
Não use imagens recortadas de fotografias e aplicadas em um fundo transparente, o ícone pode ficar irreconhecível. Como mostra a imagem abaixo;
![](https://storage.crisp.chat/users/helpdesk/website/18270d1551cfe500/d48c2ecc-1f3c-4ca3-9e2c-a2adc1_1vgc0qa.png)
Não use fotografias. Como mostra a imagem abaixo;
![](https://storage.crisp.chat/users/helpdesk/website/b474581d5000e800/9cef6ec1-eab4-45c3-805e-acddea_uke6lr.png)
Se preferir, veja o vídeo abaixo:
Atualizado em: 16/12/2022