Maak mijn eerste campagne
Gids

Bannerformaten, uitgelegd

Wat elke maat betekent, welke je eerst maakt en hoe je hetzelfde idee naar veel formaten brengt.

[Auteur][datum]4 min leestijd
In het kort. Je leert: kiezen welke IAB-formaten je eerst maakt en één idee aanpassen aan allemaal. Je hebt nodig: weten op welke sites of platforms de campagne draait. Voor wie: wie banners plant, ontwerpt of bestelt.

Een banner wordt in pixels gemeten, breedte bij hoogte: 300×250 is een banner van 300 pixels breed en 250 pixels hoog. De formaten die bijna elk platform gebruikt, heten IAB-formaten, omdat die vereniging ze als standaard heeft gepubliceerd. Als je ze kent, bestel je geen stukken die niemand kan plaatsen.

Waarom er zoveel formaten zijn

Elk formaat past bij een ander type ruimte: een brede bovenbalk, een hoge zijkolom, een rechthoek tussen de tekst, een vaste strook op mobiel. Wie de ruimte koopt, kiest de formaten op basis van waar hij wil verschijnen, dus een campagne gebruikt bijna nooit maar één formaat.

De 14 standaardformaten

FormaatIAB-naamVormGebruikelijk gebruik
300×250Medium RectangleRechthoekTussen de inhoud en in zijbalken
336×280Large RectangleRechthoekTussen de inhoud, iets groter
728×90LeaderboardHorizontaalBovenaan de pagina op desktop
970×90Large LeaderboardHorizontaalBovenaan, over de volle breedte
970×250BillboardHorizontaalBovenaan, met grote impact
468×60Full BannerHorizontaalKlassiek formaat, tegenwoordig minder gebruikelijk
160×600Wide SkyscraperVerticaalZijkolommen
120×600SkyscraperVerticaalSmalle zijkolommen
300×600Half PageVerticaalZijkolommen, met grote impact
320×50Mobile LeaderboardHorizontaalVaste strook op mobiel
320×100Large Mobile BannerHorizontaalVaste strook op mobiel, hoger
250×250SquareVierkantTussen de inhoud en in zijbalken
200×200Small SquareVierkantKleine ruimtes
580×400NetboardRechthoekTussen de inhoud, groot formaat
Veelgebruikte IAB-formaten. De kolommen «Vorm» en «Gebruikelijk gebruik» zijn richtinggevend: elke site bepaalt welke ruimtes hij aanbiedt.

In BannerMotion kun je deze 14 formaten kiezen (of een eigen formaat, geschreven als 300x250), en een concept ondersteunt in totaal maximaal 12 formaten.

Welke je eerst maakt

Als je ergens moet beginnen, is een redelijke selectie 300×250, 728×90, 160×600 en 320×50: een rechthoek, een horizontale balk, een verticale kolom en een mobiele strook. Met die vier dek je de vier meest voorkomende typen ruimte. Het is ook de selectie die BannerMotion vooraf aanvinkt bij een nieuwe banner.

Breid daarna uit op basis van het mediabudget: als er geld is voor grote formaten, voeg 300×600 en 970×250 toe; als het verkeer vooral mobiel is, 320×100.

Eén idee, veel formaten

Een ontwerp schalen is niet hetzelfde als het aanpassen. Als je een banner van 300×250 uitrekt tot 728×90, wordt de kop piepklein en blijft er leegte over. Aanpassen betekent opnieuw beslissen wat waar komt: in een horizontale balk staat de afbeelding meestal aan één kant en de knop rechts; in een verticale kolom stapelt alles zich op.

  1. Begin met het moeilijkste formaat (meestal het kleinste of het extreemste): past het bericht daar, dan past het in de andere ook.
  2. Houd dezelfde elementen in alle formaten: logo, kop, knop.
  3. Herschik ze voor elke vorm in plaats van ze allemaal te verkleinen.
  4. Controleer elk formaat apart, met de langste tekst van je taal.
In BannerMotion. De AI past het concept aan elk nieuw formaat aan en controleert het in een browser; een formaat toevoegen aan een al gemaakt concept kost 3 credits per nieuw formaat met Sonnet 5.5, plus 1 voor elke 4 formaten die het al heeft (één nieuw formaat in een banner van 6: 3 credits met Haiku 5.5, 5 met Sonnet 5.5, 10 met Opus 5.5 en 25 met Fable 5.1). Een concept helemaal opnieuw genereren kost vanaf 10 credits met Sonnet 5.5, het standaardmodel (1 formaat, 1 taal), en wordt duurder met de formaten en talen: 16 credits met 5 formaten.

Tekst en knop in kleine formaten

In 320×50 of 468×60 is er nauwelijks ruimte: een korte kop, het logo en een knop. Eenvoudige regels: één boodschap per banner, tekst die je zonder moeite op ware grootte leest, en een knop met genoeg oppervlak om op mobiel aan te tikken. Als het niet past, ligt het probleem meestal bij de boodschap (te lang), niet bij het formaat.

Gewicht per formaat

Elk stuk heeft een eigen gewichtslimiet. Grote formaten (970×250, 300×600) wegen meestal meer, omdat ze grotere afbeeldingen gebruiken, en op retina-schermen verdubbelt het gewicht als je afbeeldingen in dubbele resolutie gebruikt. Meet elke .zip afzonderlijk, niet de hele set.

Meer dan de standaardbanner

Naast de vaste formaten bestaan er formaten die zich anders gedragen. Rich media omvat advertenties met interactie of video; expandables groeien over de pagina wanneer iemand interacteert; interstitials vullen het hele scherm tussen twee inhouden. Ze vereisen compatibiliteit van de site en het platform, wegen meestal meer en hebben eigen regels: bevestig die voordat je ze maakt.

Geverifieerd op: [datum nog open]. De formaten in de tabel zijn die van de IAB; de namen in het Engels zijn de officiële.

[Naam van de auteur][Rol en één zin over de persoon.]

Termen in deze gids

IABBannergewichtRetinaRich mediaUitklapbaarInterstitial

Volgende lezing

GidsHoe je een HTML5-banner voorbereidt voor de ad serverLezenBronBannerformaten: een pagina per formaatLezenTutorialFormaten toevoegenLezen

BannerMotion exporteert elk stuk met zijn clickTag en gevalideerd gewicht.

Probeer het met een echte campagne.

Maak mijn eerste campagneBekijk de prijzen