banner di testata: linee guida

1 o 2 Versioni?

Se la creatività del banner è costituita da un'immagine senza testi (o con un testo sintetico posizionato al centro) è possibile creare un solo banner "Header.jpg" con dimensione 1920x600 px

Se Invece la creatività presenta elementi più complessi affinché il banner si visulizzi al meglio su tutti i dispositivi (Computer, Tablet, Smartphone ecc.) è consigliabile produrre 2 distinte immagini, una per la versione Descktop e un'altra per la versione Mobile.  

Dimensioni, Risoluzione, Formato e Peso 

2 Dimensioni

Versione di Default
"Header.jpg1920x600 px 

Versione Mobile (facoltativa)
"HeaderMobile.jpg"1096x600 px 

Risoluzione

 

Risoluzione Web:
72 Dpi
 

Formato

 

Estensione:
.jpg
 

Peso

 

Peso Orientativo:
600 kb
 

Disposizione degli oggetti dentro l'area sicura

È importante disporre ciò che deve essere assolutamente visibile senza tagli nell'area sicura indicata più sotto con colore verde chiaro.
Questo perché in base alla dimensione del monitor con cui si visualizza la pagina le immagini potranno vedersi nella loro interezza o essere tagliate in prossimità dei bordi (in alto e in basso o a destra e sinistra). 

Scarica le immagini guida e usale come modello

 

Dimensioni del Banner Default: 1920x600 px
La zona sicura sempre visibile corrisponde alla porzione verde chiaro (i testi devono rientrare in questa porzione)

SCARICA IMMAGINE GUIDA

Dimensioni del Banner  Mobile: 1096x600 px
La zona sicura sempre visibile corrisponde alla porzione verde chiaro (i testi devono rientrare in questa porzione)

SCARICA IMMAGINE GUIDA

 

Guarda alcuni esempi pratici sull'area sicura

Scopri di più

Esempio di creatività errata
  • Testo: In alcuni punti la scritta esce al di fuori dalla safe-area verde
    per questo motivo  tali porzioni non saranno visubili su alcuni dispositivi.
  • La zona verde scuro dell'immagine-guida rientra nell'area-sicura, ma è bene assicurarsi che i testi non la invadano cosiché siano mantenuti gli adeguati margini dal bordo del banner.
  • Immagine: l'immagine del pugile non arriva fino al bordo inferiore del banner, su alcuni dispositivi si vedrà il busto troncato di netto.
Esempio di creatività corretta
  • Testo: tutte le scritte si trovano all'interno dalla safe-area verde
    per questo motivo saranno completamente visibili su tutti i dispositivi.
  • Immagine: l'immagine del pugile copre tutta l'altezza del banner.
     

Chiudi