Wähle Responsive HTML (Media Queries), wenn mehrere vorhandene Figma-Layouts zu einem einzigen responsiven HTML-Werbemittel für eigenes Hosting oder eine kompatible Platzierung bei Drittanbietern zusammengefasst werden sollen.
Mit dieser Option exportieren
- Lade die Banner-Frames, die du exportieren willst, in Bannerify.
- Klick im Header von Bannerify auf Export to HTML.
- Wähle unter Code Output Settings die Ausgabeoption, um die es in dieser Anleitung geht.
- Gib die Ziel-URL oder andere plattformspezifische Werte ein, die im Exportpanel angezeigt werden.
- Klick auf den Export-Button, lade die erzeugte
.zip-Datei herunter und entpacke den Haupt-Download von Bannerify.
Wenn du Include individual .zip files for each banner aktivierst, liegen die uploadbereiten Banner-Pakete im Ordner _zips. Einige responsive und einteilige Formate nutzen ein anderes Paket, das auf ihrer eigenen Seite beschrieben ist.
Teste immer genau die exportierte Datei in der Zielplattform oder ihrem offiziellen Validator. Eine lokale Browser-Vorschau bestätigt, dass das Motiv korrekt dargestellt wird, aber nicht, ob das Konto berechtigt ist oder die Plattform das Motiv freigibt.
Bannerify nimmt die vorhandenen Layouts in ein einziges responsives Dokument auf, wählt per Media Queries das passende Layout aus und fügt die Ziel-URL hinzu, die du im Export-Panel eingegeben hast. Neue Layouts erzeugt es nicht. Nimm deshalb jede Größe und jeden Breakpoint auf, den die Platzierung verlangt.
Das ist kein Upload-Format für Google Ads. Nutze Google Ads (Responsive HTML5) für einen einzigen responsiven Upload in Google Display oder Google Ads für separate ZIPs mit fester Größe.
Eine vollständige Schritt-für-Schritt-Anleitung findest du im Tutorial zum Export von responsivem HTML.