Dimensionamento delle immagini

Le basi

Le notifiche Web Push verranno visualizzate in modo diverso su diversi sistemi operativi e browser (sottoscrittori), e alcune non mostreranno alcuna immagine.

Se si desidera indirizzare una notifica a tutti i sistemi operativi/browser, l'immagine dovrebbe essere visualizzata correttamente su qualsiasi combinazione di questi.

Ad esempio, nell'immagine qui sotto, è possibile notare che su Android i vostri sottoscrittori vedranno solo il centro dell'immagine (circondato da linee blu), mentre i sottoscrittori su Windows vedranno la parte superiore dell'immagine, all'incirca fino alla stessa area che si vede su Android.

Dato che l'immagine viene mostrata in modo diverso ai vari sottoscrittori, assicuratevi che il testo e le immagini come le teste delle persone, che non volete visualizzare ritagliate, siano all'interno di questi margini centrali (Android). Potete sempre inserire uno sfondo o una texture che appaia nelle parti dell'immagine che potrebbero essere mostrate ad altri sottoscrittori.

Le diverse visualizzazioni

Android

Sui sistemi Android di base potresti non vedere un'immagine finché non trascini verso il basso per ingrandire la notifica. Probabilmente verrà visualizzata così:

Android predefinito

Sui sistemi Android versione 7 o precedenti potresti non vedere affatto alcuna immagine:

Android precedente

Ma sui sistemi Android più recenti è probabile che l'immagine venga visualizzata ritagliata così:

Android più recente

MacOS

MacOS non visualizza un'immagine sulle notifiche, ma mostrerà un badge (logo ecc).

Windows

Le versioni di Windows, con gli aggiornamenti di ottobre 2018, mostreranno immagini più complete.

Nota gli sfondi blu: le notifiche su Windows avranno sfondi che riflettono il colore del tuo tema.

I sottoscrittori che utilizzano Chrome vedranno l'immagine dall'alto, ritagliata circa nella stessa posizione del ritaglio su Android.

Windows: Chrome più recente

I sottoscrittori che utilizzano Edge vedranno l'intera immagine, anche se verrà mostrata più piccola rispetto a Chrome.

Windows: Edge più recente

Versioni precedenti di Windows

Le versioni di Windows precedenti a ottobre 2018 (che non sono state aggiornate) visualizzeranno le notifiche in modo diverso.

Per i sottoscrittori che utilizzano Chrome vedranno l'intera immagine, ma più piccola. Si noti lo sfondo bianco, che non dipende dal tema corrente.

Windows: Chrome precedente

I sottoscrittori che utilizzano Edge non vedranno alcuna immagine, ma avranno uno sfondo che riflette il tema.

Windows: Edge precedente