Meine erste Kampagne erstellen
Leitfaden

Die Banner-Größen erklärt

Was jedes Maß bedeutet, welche du zuerst produzieren solltest und wie du eine Idee in viele Formate überträgst.

[Autor/in][Datum]4 Min. Lesezeit
Kurz gesagt. Du erreichst: die IAB-Größen wählen, die du zuerst produzierst, und eine Idee an alle anpassen. Du brauchst: zu wissen, auf welchen Seiten oder Plattformen die Kampagne läuft. Für wen: Planer, Designer und alle, die Banner bestellen.

Ein Banner wird in Pixeln gemessen, Breite mal Höhe: 300×250 ist ein Banner mit 300 Pixeln Breite und 250 Pixeln Höhe. Die Größen, die fast alle Plattformen verwenden, heißen IAB-Größen, weil diese Vereinigung sie als Standard veröffentlicht hat. Wer sie kennt, bestellt keine Stücke, die niemand ausliefern kann.

Warum es so viele Größen gibt

Jede Größe passt zu einer anderen Art von Werbeplatz: ein breiter oberer Balken, eine hohe Seitenspalte, ein Rechteck im Text, ein fester Streifen auf dem Handy. Wer den Platz kauft, wählt die Größen nach dem Ort, an dem er erscheinen soll, deshalb nutzt eine Kampagne selten nur eine.

Die 14 Standardgrößen

GrößeIAB-NameFormÜbliche Verwendung
300×250Medium RectangleRechteckIm Inhalt und in Seitenleisten
336×280Large RectangleRechteckIm Inhalt, etwas größer
728×90LeaderboardHorizontalOberer Seitenbereich am Desktop
970×90Large LeaderboardHorizontalOben, über die volle Breite
970×250BillboardHorizontalOben, mit großer Wirkung
468×60Full BannerHorizontalKlassisches Format, heute seltener
160×600Wide SkyscraperVertikalSeitenspalten
120×600SkyscraperVertikalSchmale Seitenspalten
300×600Half PageVertikalSeitenspalten, mit großer Wirkung
320×50Mobile LeaderboardHorizontalFester Streifen auf dem Handy
320×100Large Mobile BannerHorizontalFester Streifen auf dem Handy, höher
250×250SquareQuadratIm Inhalt und in Seitenleisten
200×200Small SquareQuadratKleine Plätze
580×400NetboardRechteckIm Inhalt, großes Format
Übliche IAB-Größen. Die Spalten „Form“ und „Übliche Verwendung“ dienen der Orientierung: Jede Seite entscheidet, welche Plätze sie anbietet.

In BannerMotion kannst du diese 14 Größen wählen (oder eine eigene, geschrieben als 300x250). Ein Konzept unterstützt insgesamt bis zu 12 Größen.

Welche du zuerst produzierst

Wenn du irgendwo anfangen musst, ist eine sinnvolle Auswahl 300×250, 728×90, 160×600 und 320×50: ein Rechteck, ein horizontaler Balken, eine vertikale Spalte und ein mobiler Streifen. Mit diesen vier deckst du die vier häufigsten Platzarten ab. Es ist außerdem die Auswahl, die BannerMotion beim Erstellen eines neuen Banners vorab markiert.

Danach erweiterst du je nach Medienbudget: Wenn Budget für große Formate da ist, füge 300×600 und 970×250 hinzu; ist der Traffic vor allem mobil, 320×100.

Eine Idee, viele Formate

Ein Design zu skalieren ist nicht dasselbe wie es anzupassen. Wenn du einen 300×250-Banner auf 728×90 streckst, wird die Überschrift winzig und es bleibt viel Leerraum. Anpassen heißt, neu zu entscheiden, was wohin gehört: Auf einem horizontalen Balken liegt das Bild meist an einer Seite und der Button rechts; in einer vertikalen Spalte wird alles übereinander gestapelt.

  1. Beginne mit der schwierigsten Größe (meist der kleinsten oder extremsten): Passt dort die Botschaft, passt sie auch in die anderen.
  2. Behalte dieselben Elemente in allen Größen: Logo, Überschrift, Button.
  3. Ordne sie für jede Form neu, statt alle einfach zu verkleinern.
  4. Prüfe jede Größe einzeln, mit dem längsten Text deiner Sprache.
In BannerMotion. Die KI passt das Konzept an jede neue Größe an und prüft es in einem Browser. Eine Größe zu einem bereits fertigen Konzept hinzuzufügen kostet mit Sonnet 5.5 3 Kredite pro neuer Größe, plus 1 für je 4 Größen, die es schon hat (eine neue Größe bei einem Banner mit 6 Größen: 3 Kredite mit Haiku 5.5, 5 mit Sonnet 5.5, 10 mit Opus 5.5 und 25 mit Fable 5.1). Ein Konzept von Grund auf zu erstellen kostet ab 10 Krediten mit Sonnet 5.5, dem Standardmodell (1 Größe, 1 Sprache), und wird mit Größen und Sprachen teurer: 16 Kredite bei 5 Größen.

Text und Button in kleinen Größen

In 320×50 oder 468×60 ist kaum Platz: eine kurze Überschrift, das Logo und ein Button. Einfache Regeln: eine einzige Botschaft pro Banner, Text, der in echter Größe ohne Anstrengung lesbar ist, und ein Button mit genug Fläche zum Antippen am Handy. Passt es nicht, liegt das Problem meist an der Botschaft (zu lang), nicht an der Größe.

Gewicht pro Größe

Jedes Stück hat sein eigenes Gewichtslimit. Große Größen (970×250, 300×600) wiegen tendenziell mehr, weil sie größere Bilder enthalten, und auf Retina-Bildschirmen verdoppelt sich das Gewicht, wenn du Bilder in doppelter Auflösung nutzt. Miss jede .zip-Datei einzeln, nicht das Ganze.

Über den Standardbanner hinaus

Neben den festen Größen gibt es Formate, die sich anders verhalten. Rich Media umfasst Anzeigen mit Interaktion oder Video; expandierbare Anzeigen wachsen über die Seite, wenn jemand mit ihnen interagiert; Interstitials füllen den ganzen Bildschirm zwischen zwei Inhalten. Sie brauchen die Unterstützung der Seite und der Plattform, wiegen meist mehr und haben eigene Regeln: Bestätige sie, bevor du sie produzierst.

Geprüft am: [Datum ausstehend]. Die Größen der Tabelle sind die vom IAB veröffentlichten; die englischen Namen sind die offiziellen.

[Name der Autorin/des Autors][Rolle und ein Satz über die Person.]

Begriffe in diesem Leitfaden

IABBanner-GewichtRetinaRich MediaExpandierbarInterstitial

Als Nächstes lesen

LeitfadenSo bereitest du einen HTML5-Banner für den Ad Server vorLesenRessourceBanner-Größen: eine Seite pro FormatLesenTutorialGrößen hinzufügenLesen

BannerMotion exportiert jede Datei mit ihrem clickTag und dem geprüften Gewicht.

Probier es mit einer echten Kampagne aus.

Meine erste Kampagne erstellenPreise ansehen