Was wir von Partnern brauchen
Drei Werbeflächen auf cgn.gg tragen Partnerkampagnen. Das hier ist, was ihr uns schickt, damit eine Kampagne auf einem 27″-Desktop genauso scharf läuft wie auf dem Handy — ohne dass wir das Artwork jedes Mal neu bauen.
Ein Satz Dateien, jeder Bildschirm
Die Werbeflächen sind fluid, keine festen Banner. Dieselbe Card ist im dreispaltigen Desktop-Grid rund 487 px breit und auf dem Handy volle Breite; der breite Banner geht von einer 1560-px-Leiste in einen gestapelten Block über. Nichts wird geletterboxt, nichts ist eine feste Pixel-Fläche.
Damit fällt das übliche IAB-Bannerset weg. Ein geflachtes 728×90-Leaderboard mit eingebackener Headline kann nicht umbrechen, wenn das Layout stapelt — auf dem Handy ist die Schrift dann 4 px hoch. Wir nehmen deshalb keine fertigen Banner. Wir nehmen die Teile: Logo, Key Visual, Farbe, Worte. Wir setzen sie zusammen, und sie bleiben in jeder Breite scharf und lesbar.
Schickt uns nie Artwork mit eingebackener Headline, eingebackenem Preis oder Call-to-Action. Text im Bild lässt sich nicht skalieren, nicht ins Englische übersetzen, nicht vom Screenreader vorlesen und nicht von Google finden. Schickt die Worte als Text im Briefing und das Bild ohne sie.
Leaderboard
Die Leiste über der Card-Reihe, volle Breite. Aktuell laufen dort die XPERION Days und die HanseMerkur-Partnerschaft. Zwei Logos: eures links auf weißer Platte, optional eine Co-Brand-Marke rechts.
Kampagnen-Card
Drei nebeneinander auf dem Desktop, auf dem Handy gestapelt in voller Breite. Das ist die Fläche mit Key Visual — das Produktbild oder Kampagnenobjekt rechts auf der Card, während der Text links läuft.
Wenn sich die Kampagne bewegt
Eine Kampagne kann ein animiertes Key Visual mitbringen. Es sitzt an derselben Stelle wie das stehende und folgt denselben Beschnittregeln — aber die Datei ist Video, kein GIF.
Ein GIF kann nur 256 Farben, deshalb bilden Verläufe Streifen und Produktbilder posterisieren; es lässt sich nicht wie Video komprimieren, deshalb landet ein Fünf-Sekunden-Loop bei 8–15 MB, während derselbe Loop als MP4 unter 500 KB bleibt; und es hat keine Alpha jenseits einer harten 1-Bit-Maske, was Freistellern ausgefranste Kanten gibt. Pausieren lässt es sich auch nicht, was für Besucher mit vestibulären Beschwerden ein Barrierefreiheitsproblem ist. Wenn ein GIF wirklich alles ist, was ihr habt, schickt es — wir konvertieren. Das Master sieht aber immer besser aus.
| Format | MP4 (H.264) + WebM (VP9)Beides, wenn möglich. MP4 allein reicht; das WebM erzeugen wir. |
|---|---|
| Größe | 1600×1600 oder 1920×1080Je nachdem, was zur Komposition passt. Quadratisch für ein freigestelltes Objekt, 16:9 für eine Szene. |
| Länge & Loop | ≤ 8 s, nahtlosLäuft stumm im Loop automatisch. Das letzte Bild muss ohne sichtbaren Sprung auf das erste schneiden. |
| Gewicht | ≤ 2 MBHarte Obergrenze. Das lädt im Mobilfunk zusammen mit dem Rest der Seite. |
| Ton | keinerTonspur entfernen. Autoplay läuft nur stumm, die Spur ist reiner Ballast. |
| Standbild-Fallback | PNG, 1600×1600Pflicht zu jedem Video. Es erscheint bei reduzierter Bewegung und als Posterframe, bevor das Video geladen ist. |
Warum 1600 px — und nicht mehr
Am breitesten wird eine Card mit rund 487 CSS-px gerendert, was auf einem Retina-Display etwa 1000 echte Pixel braucht. 1600 lässt bequem Luft für eine Card in voller Handybreite und für künftige Layout-Änderungen, und unsere Bildpipeline rechnet automatisch herunter.
Deutlich größer schadet aktiv: Wir hatten 4600-px-Master, bei denen der Optimizer in einen Timeout lief und das Bild schlicht nicht erschien. Haltet Quelldateien bei höchstens 2000 px an der langen Kante und rund 3 MB. Wenn euer einziges Master eine 40-MB-Druckdatei ist, rechnet sie vorher herunter — oder schickt sie mit einem Hinweis, dann machen wir das.
Was ihr uns schickt
Ein Ordner pro Kampagne. Benennt die Dateien wie unten, dann können wir sie direkt einsetzen.
Bitte so — und bitte nicht
- Vektorlogos schicken, wann immer es sie gibt — scharf in jeder Größe und praktisch gewichtslos.
- Das Motiv auf Transparenz freistellen und uns platzieren lassen.
- In sRGB, 8 Bit exportieren.
- Beide Sprachfassungen des Textes mitschicken, wenn die Kampagne in Deutschland läuft.
- Die exakte Ziel-URL nennen, inklusive Tracking-Parametern.
- Sagen, ob das Artwork ein hartes Enddatum hat, damit wir es rausnehmen.
- Headlines, Preise oder Buttons ins Bild backen — das lässt sich weder skalieren noch übersetzen.
- Fertige IAB-Banner schicken (728×90, 300×250). Es gibt keine feste Fläche dafür.
- CMYK- oder Display-P3-Dateien schicken — die Farben kippen am Bildschirm.
- GIFs für Animation schicken, oder 40-MB-Druckmaster für Standbilder.
- Transparentes Padding um ein Logo lassen. Das wird zu totem Raum, den wir nicht entfernen können.
- Eine helle Hintergrundfarbe wählen. Aller Text auf der Card ist weiß.
Wenn es nicht in diese Spec passt
Manche Kampagnen wollen etwas, das diese drei Flächen nicht können — ein Takeover, ein interaktives Element, ein eigens gezeichnetes Objekt im Stil der Seite. Etliche Cards auf der Seite sind heute so gebaut statt aus geliefertem Artwork. Schickt das Konzept, und wir sagen euch, was baubar ist und was es an Vorlauf kostet.