banner di testata: linee guida in 4 punti

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

Seguire sempre i 4 punti delle linee guida, prestando particolare attenzione alla risoluzione:

Se non si impostano correttamente le dimensioni e i DPI, l’immagine finale potrebbe risultare più grande o più piccola del previsto. Per evitare errori:

  • Aprire l’immagine guida (scaricabile da questa pagina) e lavorare al suo interno senza modificarne le dimensioni o la risoluzione.
  • Dopo l’esportazione, verificare che le dimensioni in pixel del file corrispondano a quelle dell’immagine guida (1920x600 px), è possibile controllarle dal visualizzatore di sistema o da un software di immagini.
2 Dimensioni

Versione di Default
"Header.jpg1920x600 px 

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

Risoluzione

(Risoluzione Web: 72 Dpi)

Aprire l' immagini guida e inserire al suo interno la creatività!
 

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


Banner Default - Dimensioni: 1096x600 px

La zona sicura sempre visibile corrisponde alla porzione verde chiaro (i testi devono rientrare in questa porzione)



Banner Mobile - Dimensioni: 1920x600 px

La zona sicura sempre visibile corrisponde alla porzione verde chiaro (i testi devono rientrare in questa porzione)


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