Crea la mia prima campagna
Guida

Le dimensioni dei banner, spiegate

Cosa significa ogni misura, quali conviene produrre per prime e come portare la stessa idea su molti formati.

[Autore][data]4 min di lettura
In sintesi. Otterrai: scegliere quali formati IAB produrre per primi e adattare la stessa idea a tutti. Ti servono: sapere su quali siti o piattaforme verrà pubblicata la campagna. È per: chi pianifica, progetta o richiede banner.

Un banner si misura in pixel, larghezza per altezza: 300×250 è un banner di 300 pixel di larghezza e 250 di altezza. I formati che usano quasi tutte le piattaforme si chiamano formati IAB perché quell'associazione li ha pubblicati come standard. Conoscerli ti evita di richiedere pezzi che nessuno può pubblicare.

Perché ci sono tanti formati

Ogni formato si adatta a un tipo di spazio diverso: una barra superiore larga, una colonna laterale alta, un rettangolo dentro il testo, una striscia fissa sul cellulare. Chi acquista lo spazio sceglie i formati in base a dove vuole comparire, quindi una campagna quasi mai ne usa uno solo.

I 14 formati standard

FormatoNome IABFormaUso abituale
300×250Medium RectangleRettangoloAll'interno dei contenuti e nelle barre laterali
336×280Large RectangleRettangoloAll'interno dei contenuti, un po' più grande
728×90LeaderboardOrizzontaleParte superiore della pagina su desktop
970×90Large LeaderboardOrizzontaleParte superiore, a tutta larghezza
970×250BillboardOrizzontaleParte superiore, ad alto impatto
468×60Full BannerOrizzontaleFormato classico, oggi meno comune
160×600Wide SkyscraperVerticaleColonne laterali
120×600SkyscraperVerticaleColonne laterali strette
300×600Half PageVerticaleColonne laterali, ad alto impatto
320×50Mobile LeaderboardOrizzontaleStriscia fissa sul cellulare
320×100Large Mobile BannerOrizzontaleStriscia fissa sul cellulare, più alta
250×250SquareQuadratoAll'interno dei contenuti e nelle barre laterali
200×200Small SquareQuadratoSpazi piccoli
580×400NetboardRettangoloAll'interno dei contenuti, formato grande
Formati IAB più comuni. Le colonne «Forma» e «Uso abituale» sono indicative: ogni sito decide quali spazi offre.

In BannerMotion puoi scegliere questi 14 formati (o uno tuo, scritto come 300x250) e un concept accetta fino a 12 formati in totale.

Quali produrre per primi

Se devi iniziare da qualche parte, una selezione ragionevole è 300×250, 728×90, 160×600 e 320×50: un rettangolo, una barra orizzontale, una colonna verticale e una striscia mobile. Con questi quattro copri i quattro tipi di spazio più comuni. È anche la selezione che BannerMotion lascia già spuntata quando crei un nuovo banner.

Poi amplia in base all'acquisto di spazi: se c'è budget per formati grandi, aggiungi 300×600 e 970×250; se il traffico è soprattutto mobile, 320×100.

Un'idea, molti formati

Scalare un design non è lo stesso che adattarlo. Se allunghi un banner 300×250 fino a 728×90, il titolo diventa minuscolo e avanza spazio. Adattare significa decidere di nuovo cosa va dove: in una barra orizzontale l'immagine di solito va su un lato e il pulsante a destra; in una colonna verticale tutto si impila.

  1. Inizia dal formato più difficile (di solito il più piccolo o il più estremo): se lì ci sta il messaggio, ci starà anche negli altri.
  2. Mantieni gli stessi elementi in tutti i formati: logo, titolo, pulsante.
  3. Riordinali per ogni forma invece di ridurli tutti.
  4. Controlla ogni formato separatamente, con il testo più lungo della tua lingua più lunga.
In BannerMotion. L'IA adatta il concept a ogni nuovo formato e lo verifica in un browser; aggiungere un formato a un concept già fatto costa 3 crediti con Sonnet 5.5 per formato nuovo, più 1 ogni 4 formati che ha già (un formato nuovo in un banner di 6: 3 crediti con Haiku 5.5, 5 con Sonnet 5.5, 10 con Opus 5.5 e 25 con Fable 5.1). Generare un concept da zero costa da 10 crediti con Sonnet 5.5, il modello predefinito (1 formato, 1 lingua), e sale con i formati e le lingue: 16 crediti con 5 formati.

Testo e pulsante nei formati piccoli

In 320×50 o 468×60 c'è quasi nessuno spazio: un titolo breve, il logo e un pulsante. Regole semplici: un solo messaggio per banner, testo leggibile senza sforzo alla dimensione reale e un pulsante con un'area sufficiente per essere toccato sul cellulare. Se non ci sta, il problema di solito è il messaggio (troppo lungo), non il formato.

Peso per formato

Ogni pezzo ha il proprio limite di peso. I formati grandi (970×250, 300×600) tendono a pesare di più perché contengono immagini più grandi, e sugli schermi retina il peso raddoppia se usi immagini a doppia risoluzione. Misura ogni .zip separatamente, non l'insieme.

Oltre il banner standard

Oltre ai formati fissi esistono formati che si comportano diversamente. Il rich media comprende annunci con interazione o video; gli espandibili si allargano sulla pagina quando qualcuno interagisce; gli interstitial occupano tutto lo schermo tra due contenuti. Richiedono la compatibilità del sito e della piattaforma, di solito pesano di più e hanno regole proprie: confermale prima di produrli.

Verificato il: [data da definire]. I formati della tabella sono quelli pubblicati dallo IAB; i nomi in inglese sono quelli ufficiali.

[Nome dell’autore][Ruolo e una frase sulla persona.]

Termini di questa guida

IABPeso del bannerRetinaRich mediaEspandibileInterstitial

Lettura successiva

GuidaCome preparare un banner HTML5 per l'ad serverLeggiRisorsaDimensioni dei banner: una pagina per formatoLeggiTutorialAggiungere formatiLeggi

BannerMotion esporta ogni pezzo con il suo clickTag e il peso verificato.

Provalo con una campagna reale.

Crea la mia prima campagnaVedi i prezzi