O seu "techo de código" é insuficiente para alguém avaliar com uma resposta util ... sua chave VAPID está ok? a subscrição está ok? emfim... DOCUMENTAÇÂO: developer.mozilla.org/en-US/docs/Web/API/Push_API até alguém fazer um melhor O MELHOR BOOK: web-push-book.gauntface.com ou vá direto aos EXEMPLOS: web-push-book.gauntface.com/demos/notification-examples NOTA: image, badage entre outros só funcionam no Chrome, Opera, Edge (>=76) no Firefox não é suportado (Safari?)

NOTA: Nos vários exemplos do cook-book vc pode testar o suporte ... se o botão estiver cinza/desativado é porque o browser em questão não suporta a opção especifica

@Lauro Moraes por favor, faço questão de pontuar sua resposta se acrescentou documentação adicional. Formate como resposta e será pontuado! Quantos as chaves estão corretas, recebo push notification em meu navegadores chrome e firefox e portanto as subscrições também. Tenho apenas problemas com a exibição de imagem no firefox. A documentação deles descreve o atributo image e badge em uma linha e não encontrei exemplos de service worker e suas implementações. Muito agradecido pelos books, vou aprecia-los com calma.

Para ser mais especifico procure pelo suporte em: caniuse.com/#feat=mdn-api_notification (seção: Sub-features) e na Mozilla em notificação api developer.mozilla.org/en-US/docs/Web/API/notification ... estas páginas descrevem o suporte do que funciona e onde funciona

Você fez image : push.campanhas.image, mas falta uma virgula após image : push.campanhas.image,, ao menos é o erro que noto nisto. De resto da forma q vc fez nós não conseguiremos executar o seu código pra ter certeza se é um bug ou erro seu.... fora q acho q o nome deveria ser icon e não image na propriedade, mas nem sei qual API suposta vc esta usando.

Obrigado @Guilherme Nascimento, mas esse não é um erro em meu código é um erro na edição do post. Porque simplifiquei ao postar.

Caro Rafael entáo ao simplificar poste um codigo simplicado testado e nao um pseudo-codigo, nao temos como ficar advinhando coisas, tem q trazer a informação correta para que possamos entender e assim conseguir te ajudar

@RafaelSalomão vejo que editou sua pergunta. Estranho seu status 403 nas demos...testado com 3 browsers desktop no Mint 19.3 (Chrome 83, Firefox 76.0 e Opera 68) e as ultimas versões Chrome e Firefox Android 9.0 funcionando de boas. Se queres saber se o browser suporta, deves testar no frontend. No backend não é preciso "testar" vc envia se o browser suportar ele exibe ... não tem e nem existe "hacks" para "fazer suportar" ele simplesmente não exibe o que não suporta. Exemplo: vc envia badage e image, se o navegador suportar ele mostra caso contrario não.

Seu caso claramente não é de erro no código, é erro em sua lógica!. Dificilmente vai conseguir uma resposta a sua pergunta pois é difícil ou mesmo incapaz de alguém reproduzir sua dificuldade especifica. Leia a documentação, se vc dispara suas notificação por interação do usuário (frontend) teste o suporte ... se for backend, simplesmente envie. Usuários que utilizam nagadores que suportam alguns recursos vão desfrutar de uma experiencia melhor ... outros não. É assim mesmo.

@LauroMoraes 403 Forbidden Code: AccessDenied Message: Access Denied RequestId: 4FB8E49638802A22 HostId: lwvIWpUsXr124135Ka0t19GGrvgMShvNcf2DIRBY6vH+rh3svBfyynioxFA+‌​7OjK2iRiuz1giyY= web-push-book.gauntface.com/chapter-05/…

Claramente o problema que enfrento é nas dimensões das imagens utilizadas. Utilizando o book que compartilhou eu copiei as imagens que ele usou em alguns exemplos descritos no book e coloquei no meu servidor no chrome abriu perfeitamente e no firefox abriu um miniatura ao lado do título e body. Fica claro que as dimensões das imagens que estava usando não são adequadas a exibição. Mas qual módulo em nodejs me permite após upload redimensiona-las para adequar a todos os dispositivos. Novamente eu agradeço ....

Então crie versões menores da imagem, bem menores se possiveis, com uma qualidadade média e coloque como substituto. De qualquer forma isso não é um erro de codificação, portanto concordo com Lauro, é erro na forma q vc idealizou/lógica.

@GuilhermeNascimento se a documentação não menciona tamanho máximo e mínimo aceito em cada dispositivo em suas documentações e, se tratando de um sistema de anúncio aonde as imagens são enviadas pelos anunciantes, discordo que seja um problema de lógica. De qualquer forma vou usar o módulo de redimensionamento de imagem que possuo para coloca-las compatíveis com o push após o upload. Obrigado!

Sobre os pontos negativos a pergunta sinceramente não entendo o porque, se ela foi bem clara desde o início! Deve ser um problema de interpretação de texto de algum membro dessa comunidade. Obrigado novamente @LauroMoraes através do book consegui descobrir o possível problema.

Eu não afirmei nada sobre tamanho máximo, eu falei pra experimentar um tamanho menor e mais apropriado a uma tela pequena, porque óbviamente quanto maior a imagem mais demorado é o download ... PS: não fui eu quem negativou, e ainda estou comentando aqui pq estou me esforçado pra lhe ajudar, mesmo q da forma que a pergunta esteja seja impossivel responder. Reiterando, possivelmente (sem confirmação) o download pode estar demorando da imagem que será exibida.

Eu sei Guilherme Nascimento, sei que não foi você que negativou. Foi apenas um comentário para quem fez, esse é o padrão de comportamento do stackoverflow BRASIL. Fale com um programador gringo como eu costumo, em seguida fale com um programador Brasileiro.Vai entender aonde quis chegar com o comentário sobre os pontos. Ele defeca no tabuleiro, derruba as peças e sai voando cantando vitória. Eu achei uma documentação na Onesignal que faz referencias aos tamanhos apropriados das imagem para os atributos badge, image e icon, muito obrigado pela ajuda.

@RafaelSalomão o sistema de votação na comunidade é claro para tds os usuários. Votar sinalizar são direito para tds com pontuação para tal, isso ajuda a comunidade a se manter relevante. Sua questão não é erro em uma API. As API's são bem documentadas, seu erro é lógica, inclusive abordou ao minimo 3 erros durante suas revisões e comentários ... nenhum deles é de fato um erro. Siga a documentação da API e a documentação dos dispositivos e navegadores que deseja dar suporte. Se não for por esse caminho, acho difícil que alguma comunidade de programação poderá lhe auxiliar.

Quando digo: api e documentação dos dispositivos me refiro ao sistema ... Android, IOS, Windows, etc... cada um que suporta a opção de imagens na API de Notificação tem suas próprias regras. E devo ressaltar que isto: não é um erro, é lógica de implementação e foi o último questionamento que vc levantou após algumas revisões e comentários ... se era isso que procurava devia ter deixado isto claro desde o inicio. Considere fechar esta questão e abrir uma especifica para obter ajuda para tratar imagens.

Espero não parecer grosseiro, realmente tentei ajudar mas discussões longas não ajudam ... estou abandonando esta "discussão".

De forma alguma me ofende sua opinião, assim como tenho também direito de expressar a minha. Dowvotes são dados para perguntas foras de coesão ou contexto ou que não se enquadram no tópico do site, mas isso é papo para outra hora e está fora de tópico. Mesmo porque, sou dono do xptraffic.com e não do stackoverflow. Mas uma vez, reforço meus sinceros agradecimentos por toda ajuda fornecida.