Standardmaße für Banner - auf fremden Webseiten werben

Für Banner, die oft auch als Anzeigen bezeichnet werden, gibt es verschiedene Standardmaße. Diese werden überwiegend in Pixeln angegeben. Unterschieden wird zwischen horizontalen, verticalen, quadratischen und rechteckigen Bannern.

Standardformate sind hauptsächlich beim Einsatz auf fremden Websites wichtig, weil dort meist bestimmte Plätze, mit diesen vorgegebenen Maßen, für Werbebanner reserviert sind. Auch für Websites, die viele Werbebanner auf ihren Seiten anzeigen, werden aus optischen Gründen Standardformate gefordert. Erkundigen Sie sich deshalb vor der Anfertigung des Banners beim Webmaster der einbindenden Website nach den geforderten Maßen. Wollen Sie selbst Werbebanner fremder Websites in Ihr Layout integrieren ist es ebenfalls wichtig die angebotenen Standardformate zu kennen.

Neben kostenlosen Einblendungen von Werbebannern gibt es auch Websites, die gegen Bezahlung Bannerwerbung schalten. Kataloge, Suchmaschinen, Foren, Portale oder Online-Zeitschriften sind hierfür die Hauptansprechpartner. Der zu zahlende Preis für die Anzeigenschaltung, ist neben der Häufigkeit der Einblendungen, oft von der Größe der Anzeige abhängig.

Horizontale Banner - Kopfbanner

Die folgenden zwei Formate werden auch als Kopfbanner bezeichnet. Sie lassen sich im Kopf- oder Fußbereich von Webseiten einsetzen. Auch in Foren sind sie, eingestreut zwischen den Kommentaren, oft zu finden.

• 970 x 90
  Beim Einsatz dieses Formates sollten Sie beachten, dass es ein relativ breites Layout erzwingen. Auf Desktop-PCs und Notebooks sollte dies weniger zum Problem werden. Doch für die Darstellung auf kleinen Tablets, Smartphones oder sonstigen mobilen Endgeräten sollte es besser per Css Mediaqueries durch ein kleineres Format ersetzt werden.

• 728 x 90
  Dieses Format ist ebenfalls noch recht breit jedoch für den allgemeinen Einsatz besser geeignet als das vorige. Es gehört zu den beliebtesten und meist verwendeten Bannerformaten auf Webseiten, die vordergründig für Desktop und Notebook optimiert sind.

Weitere horizontale Banner

In mehrspaltigen Layouts können die folgenden beiden Formate eingesetzt werden. Sie können auch in einen farblich passenden Div-Container integriert werden und so ein variables Layout untestützen. Zur Ausgabe auf kleinen Displays sowie für responsives Webdesign in Verbindung mit Css-Mediaqueries sind sie ebenfalls sehr gut verwendbar.

• 468 x 60 - Full Banner
  
• 234 x 60 - Half Banner

Verticale Banner

Die folgenden verticalen Formate lassen sich als separate Navigationsleiste einsetzen oder in bestehende Navigationen integrieren. Das Format 120x240 kann bspw. im oberen oder unteren Bereich einer Navigationsleiste eingesetzt werden. Das Format Half Page läßt sich in responsivem Webdesign per Css Mediasqueries für große Displays nutzen.

• 120 x 240
• 120 x 600
• 160 x 600
• 300 x 600 - Half Page

Rechteckbanner (Rectangle)

Sie können im normalen Textfluss plaziert werden. Wird die Anzeige zu Beginn des Textes geschaltet so kann sie vom Text rechts umflossen werden. Am Ende kann der Texte die Anzeige linksseitig umfließen. Aber auch eine Plazierung mitten im Text ist möglich. Das Format 180x150 eignet sich auch zur Aufnahme von Logos.

• 180 x 150
• 300 x 250
• 336 x 280

Quadratische Banner (Square)

Sie lassen sich wie die zuvor beschriebenen Rectangle verwenden. Die Formate 200x200 und 250x250 können für die Plazierung von Logos genutzt werden.

• 125 x 125 - Button
• 200 x 200
• 250 x 250

Mobile Banner

Die Standardformate für mobile Endgeräte sind sehr überschaubar. Auf den sehr unterschiedlichen Displaygrößen steht nur ein begrenzter Platz zur Verfügung. Suchmaschinen bieten teilweise variable Größen an. D.h. zuerst wird die Größe des Displays ausgelesen und anschließend ein passendes Anzeigenformat geschaltet. Es ist deshalb sinnvoll mehrere Formate vorzuhalten.

• 320 x 50

Text- und Imageanzeigen

Weiter wird zwischen reinen Textanzeigen und Imageanzeigen unterschieden. Imageanzeigen können neben Bildern auch Text enthalten, der als Grafik eingefügt ist. Sie können statisch als jpg, png oder gif, je nach Speichergröße und Verwendungszweck (mit Alphakanälen) angelegt werden. Gif und Flash eignen sich zur Erzeugung von animierten Bannern. Text läßt sich ebenso wie Bilder auf diese Weise animieren.

Reine Textbanner enthalten nur Text. Diese können so gestaltet sein, dass sie auch für Suchmaschinen lesbar sind. Per Css oder Javascript können sie ebenfalls dynamisch gestaltet werden.

Beispiele für Imageanzeigen in Standardformaten

Html in Verbindung mit Css bietet viele verschiedene Gestaltungsmöglichkeiten. So können Banner als Hintergrund-Grafik in die Webseite eingebunden werden. Es ergibt sich dadurch die Möglichkeit, Text darüber zu platzieren. Meist wird der Banner jedoch als ganz normale Grafik in den img-tag eingebunden.

horizontale, statischer Banner in Standardformaten:

Kopf-Banner 728 x 90 Pixel

Full-Banner 468 x 60 Pixel

Half-Banner 234 x 60 Pixel

Diese drei Banner bieten die Möglichkeit eigenen Text darauf zu plazieren. Dies bietet sich an, wenn das Grundlayout auf allen Seiten gleich bleiben soll, der Text jedoch an die jeweilige Unterseite angepaßt werden muss und von den Spidern der Suchmaschinen gelesen werden soll. Er braucht in diesem Fall nur einmal angefertigt werden und ist dadurch leicht austauschbar. Der Rahmen wurde bei diesen Beispielen per Css, mit padding:5px hinzugefügt. Diese Art eignet sich vor allem beim Einsatz auf den eigenen Seiten oder den Seiten befreundeter Webmaster.