Le immagini di banner appaiono in più posti di quanto la maggior parte delle persone si renda conto e ogni contesto ha i propri requisiti di dimensioni. Un banner di header di sito web non ha la stessa dimensione di un'immagine di copertina Twitter, che non è la stessa di un banner LinkedIn o un'immagine di arte del canale YouTube. Usare la dimensione sbagliata significa che il banner viene ritagliato in un punto inaspettato, lascia spazio vuoto sui lati o viene stirato per riempire un contenitore per il quale non è stato costruito. Preparare il banner alla dimensione esatta che la piattaforma o il layout si aspetta è il passo che lo fa sembrare appartenente lì piuttosto che essere riadattato da qualcos'altro.
Come ridimensionare un'immagine per un banner
Inserisci le dimensioni di larghezza e altezza per il contesto specifico del banner nei campi corrispondenti. Le dimensioni dei banner variano notevolmente a seconda della piattaforma e del caso d'uso. Per gli header di siti web, la larghezza tipicamente corrisponde alla larghezza del layout del sito e l'altezza dipende dal tema. Per le immagini di copertina di social media, ogni piattaforma ha le proprie dimensioni specificate. Se l'originale è già vicino al rapporto target, lascia attiva la casella Mantieni proporzioni per una scala pulita. Se ha una forma diversa, disattivala per forzare le dimensioni esatte.
Carica più dimensioni di banner per diverse piattaforme contemporaneamente e scarica tutto come ZIP al termine.
Riferimento Dimensioni Banner Comuni
Header Twitter: 1500x500 pixel. Copertina personale LinkedIn: 1584x396 pixel. Copertina aziendale LinkedIn: 1128x191 pixel. Arte canale YouTube: 2560x1440 pixel. Copertina Facebook: 820x312 pixel su desktop. Banner hero sito web: 1920x600 pixel è un punto di partenza comune anche se varia a seconda del tema. Banner header email: 600x200 pixel è una larghezza comune dei template email. Banner pubblicitario leaderboard: 728x90 pixel. Mezza pagina: 300x600 pixel.
Formato di Output per Immagini Banner
JPEG è la scelta standard per contenuti fotografici di banner. Mantiene dimensioni dei file gestibili per caricamenti rapidi negli header di siti web, campagne email e caricamenti di profili social. PNG è meglio per banner con overlay di testo, loghi di brand, sfondi a colori piatti ed elementi di design grafico dove il rendering di bordi puliti conta sull'intera larghezza del banner. WEBP vale la pena usarlo per banner header di siti web dove la velocità di caricamento delle immagini ha un impatto diretto sui punteggi di performance della pagina.