Ein Banner-Maker ist ein Online-Design-Tool, mit dem Sie Text, Bilder und Grafiken kombinieren können, um individuelle Banner für Websites, digitale Anzeigen und soziale Medien zu erstellen.
VISUELLER EDITOR
Erstellen Sie Anzeigen direkt im Browser
Keine App zu installieren. Öffnen Sie ein Projekt und fangen Sie sofort an zu arbeiten.
Bannergrößen
Starten Sie mit der richtigen Bannergröße
Wählen Sie eine gängige Bannergröße oder legen Sie benutzerdefinierte Maße für Ihre Platzierung fest.
FÜR GESCHWINDIGKEIT GEBAUT
Alles, was Sie für Design im großen Stil benötigen
Stock-Bibliotheken, Marken-Assets, PSD-Importe und Integrationen, die auf eine schnelle Werbeproduktion ausgelegt sind.
Mehr Möglichkeiten zu gestalten
Erstellen Sie Banner für Ihre Kanäle
Finden Sie einen Ausgangspunkt für Ihr Kanalbild, Ihr Profilbanner oder Ihr Titelbild.
FÜR JEDEN WORKFLOW
Von Solo-Designern bis hin zu globalen Teams
Erstellen, skalieren und liefern Sie Bannerkampagnen in jeder Größe.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8"><path d="M 47.062 14.719 C 47.062 14.719 36.527 29.438 23.531 29.438 C 10.535 29.438 0 14.719 0 14.719 C 0 14.719 10.535 0 23.531 0 C 36.527 0 47.062 14.719 47.062 14.719 Z M 23.531 4.01 C 17.6 4.01 12.791 8.805 12.791 14.719 C 12.791 20.633 17.6 25.428 23.531 25.428 C 29.463 25.428 34.271 20.633 34.271 14.719 C 34.271 8.805 29.463 4.01 23.531 4.01 Z M 17.377 14.719 C 17.377 11.33 20.132 8.582 23.531 8.582 C 26.93 8.582 29.686 11.33 29.686 14.719 C 29.686 18.108 26.93 20.855 23.531 20.855 C 20.132 20.855 17.377 18.108 17.377 14.719 Z" fill="rgb(57, 10, 26)" height="29.437600000000003px" id="kGsO7ZNko" transform="translate(7.969 16.781)" width="47.06245px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g d="M 24 28 C 14 28 8.5 28 0 28 C 0 21.373 5.373 16 12 16 C 18.627 16 24 21.373 24 28 Z M 48 28 C 38 28 32.5 28 24 28 C 24 21.373 29.373 16 36 16 C 42.627 16 48 21.373 48 28 Z M 4 8 C 4 3.582 7.582 0 12 0 C 16.418 0 20 3.582 20 8 C 20 12.418 16.418 16 12 16 C 7.582 16 4 12.418 4 8 Z M 28 8 C 28 3.582 31.582 0 36 0 C 40.418 0 44 3.582 44 8 C 44 12.418 40.418 16 36 16 C 31.582 16 28 12.418 28 8 Z" fill="transparent" height="28px" id="mw7HJf5_z" transform="translate(8 18)" width="48px"><path d="M 24 12 C 14 12 8.5 12 0 12 C 0 5.373 5.373 0 12 0 C 18.627 0 24 5.373 24 12 Z" fill="rgb(246, 58, 59)" height="12px" id="cx1LqrJDj" transform="translate(0 16)" width="24px"/><path d="M 24 12 C 14 12 8.5 12 0 12 C 0 5.373 5.373 0 12 0 C 18.627 0 24 5.373 24 12 Z" fill="rgb(246, 58, 59)" height="12px" id="yWIbhKALx" transform="translate(24 16)" width="24px"/><path d="M 0 8 C 0 3.582 3.582 0 8 0 C 12.418 0 16 3.582 16 8 C 16 12.418 12.418 16 8 16 C 3.582 16 0 12.418 0 8 Z" fill="rgb(246, 58, 59)" height="16px" id="Kfea_Ku59" transform="translate(4 0)" width="16px"/><path d="M 0 8 C 0 3.582 3.582 0 8 0 C 12.418 0 16 3.582 16 8 C 16 12.418 12.418 16 8 16 C 3.582 16 0 12.418 0 8 Z" fill="rgb(246, 58, 59)" height="16px" id="IO2FDW4ob" transform="translate(28 0)" width="16px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g d="M 31 0 L 23 0 L 15 32 L 23 32 Z M 14 4 L 6 4 L 0 16 L 6 28 L 14 28 L 8 16 Z M 32 28 L 40 28 L 46 16 L 40 4 L 32 4 L 38 16 Z" fill="transparent" height="32px" id="EbyecXmqU" transform="translate(10 14)" width="46px"><path d="M 16 0 L 8 0 L 0 32 L 8 32 Z" fill="rgb(82, 71, 235)" height="32px" id="gzHtgnXvz" transform="translate(15 0)" width="16px"/><path d="M 14 0 L 6 0 L 0 12 L 6 24 L 14 24 L 8 12 Z" fill="rgb(82, 71, 235)" height="24px" id="M7tyDFq4U" transform="translate(0 4)" width="14px"/><path d="M 0 24 L 8 24 L 14 12 L 8 0 L 0 0 L 6 12 Z" fill="rgb(82, 71, 235)" height="24px" id="MRgsLxcp4" transform="translate(32 4)" width="14px"/></g></svg>)
LEGACY
Der originale Banner-Macher
18 Jahre Erfahrung im Aufbau zuverlässiger Banner-Produktions-Workflows.
EMPFOHLENE SOFTWARE
14,7 Tsd.
KUNDEN INSGESAMT
BEWERTUNG
4,6 / 5 - 170 Bewertungen
„Ich persönlich fand es toll, wie einfach alles war.“
Die Möglichkeit, aus einer breiten Palette von Werbenetzwerken und Formaten (HTML5, Video, statische Bilder usw.) zu wählen und nicht nur Anzeigen-Tags zu nutzen, macht es extrem flexibel und spart Zeit bei der Vorbereitung von Assets für Freigaben.
Wie erstellt man ein Banner?
Um ein Banner zu erstellen, wählen Sie die Größe aus, die Ihre Platzierung benötigt, und bauen Sie dann das Layout auf: einen Hintergrund, ein Hauptbild, eine kurze Überschrift und eine Call-to-Action-Schaltfläche. Fügen Sie Ihr Logo und Ihre Markenfarben hinzu, animieren Sie, wenn die Platzierung Bewegungen zulässt, und exportieren Sie es als JPG oder PNG (statisch) oder als GIF, MP4 oder HTML5 (animiert). In Bannersnack passt Smart Resize dieses eine Design dann an über 50 Größen an, wobei das Layout beibehalten und die Animationen übernommen werden.
Was ist eine Standard-Bannergröße?
Eine Standard-Bannergröße für digitale Display-Anzeigen ist 300 x 250 Pixel, das „Medium Rectangle“ (mittleres Rechteck), eine der leistungsstärksten Größen von Google: Sie verfügt meist über mehr Anzeigeninventar und funktioniert gut innerhalb von Artikel-Inhalten. Weitere Standardgrößen sind 728 x 90 (Leaderboard), 300 x 600 (Half Page), 160 x 600 (Wide Skyscraper) und 320 x 50 (Mobile Leaderboard). Mit Bannersnack können Sie mit einer voreingestellten Größe oder einer gespeicherten benutzerdefinierten Größe beginnen und dann das gesamte Set erstellen.
Was ist ein Banner?
Ein Banner ist eine rechteckige Grafik, die eine kurze Botschaft transportiert, meist bestehend aus einer Überschrift, einem Bild und einem Call-to-Action. Im Internet ist eine Banneranzeige ein statisches Bild, ein animiertes GIF oder eine HTML5-Anzeige in einer festen Größe, die bei einem Klick eine Landingpage öffnet. Der Begriff umfasst auch Header für soziale Medien und gedruckte Schilder. Bannersnack exportiert Banner als JPG-, PNG-, GIF-, MP4-, HTML5- und AMPHTML-Dateien für Werbenetzwerke und Websites.
Gibt es Einschränkungen bei Online-Banner-Generatoren?
Ja, Online-Banner-Generatoren haben ihre Grenzen: Durch gemeinsam genutzte Vorlagen ähneln sich die Designs oft, die Typografie- und Ebenensteuerung ist meist unzureichend und kostenlose Tarife enthalten selten einen HTML5-Export – einige fügen sogar ein Wasserzeichen hinzu oder beschränken Sie auf JPG und PNG. Auch allgemeine Designtools bieten meist nur voreingestellte Animationen. Ab dem Pro-Tarif bietet Bannersnack eine Animations-Timeline mit benutzerdefinierten Übergängen, den Upload eigener Schriftarten sowie Smart Resize, und jeder Tarif beinhaltet den PSD-Import.
Kann ein Banner-Generator animierte Banner erstellen?
Ja, ein Banner-Generator kann animierte Banner erstellen, wenn er Animationen unterstützt und die Formate GIF, MP4 oder HTML5 exportiert. Spezielle Banner-Tools bieten eine Zeitleiste, auf der festgelegt werden kann, wann die einzelnen Ebenen erscheinen und verschwinden. Bei Display-Anzeigen begrenzt Google Ads Animationen auf 30 Sekunden, während die IAB-Richtlinie bei 15 Sekunden liegt. Bannersnack kombiniert den Ein-Klick-Magic-Animator mit einer Ebenen-Zeitleiste und ermöglicht im Pro-Tarif und höher den Export von animierten HTML5-, GIF- und MP4-Dateien.
Benötige ich Design- oder Programmierkenntnisse, um Banner zu erstellen?
Sie brauchen keine Programmierkenntnisse, um Banner zu erstellen, und mit Vorlagen kann jeder ein einfaches Banner zusammenstellen, aber die Designfähigkeiten entscheiden darüber, wie gut ein Banner performt. Hierarchie, Kontrast und lesbare Schrift bei 320 x 50 Pixeln sind immer noch Designentscheidungen. Banner-Tools sparen die meiste Zeit bei der Produktion: beim Anpassen der Größe und beim Exportieren kompletter Sets. Bannersnack überlässt die kreativen Entscheidungen dem Designer und kümmert sich über Smart Resize und den Design Generator um diese Produktionsarbeit.
Was sind die besten Praktiken für die Bannergestaltung?
Die Best Practices für das Bannerdesign sind eine einzige Botschaft pro Banner, eine klare Hierarchie (Überschrift, unterstützende Textzeile, Call-to-Action-Button) und ein hoher Kontrast zwischen Text und Hintergrund. Achten Sie darauf, dass der Text auch in der kleinsten Größe gut lesbar bleibt, halten Sie Logos und Texte von den Rändern fern und halten Sie die Dateigrößenbegrenzungen der Netzwerke ein, wie z. B. das Limit von 150 KB für HTML5-ZIP-Dateien bei Google Ads. Die intelligente Größenanpassung (Smart Resize) von Bannersnack hilft dabei, diese Hierarchie über mehr als 50 Größen hinweg konsistent zu halten.
Auf welche Funktionen sollte man bei einem Banner-Maker achten?
Die wichtigsten Funktionen eines Banner-Generators sind der HTML5-Export mit clickTag-Unterstützung, die Erstellung mehrerer Größen aus einem einzigen Design, eine Ebenen-Timeline für Animationen und Marken-Kontrollen wie benutzerdefinierte Schriftarten und Farben. Ab dem Pro-Tarif deckt Bannersnack diese Anforderungen mit Smart Resize, einer Ebenen-Timeline, Marken-Bibliotheken sowie clickTag-bereitem HTML5- und AMPHTML-Export ab. AdTag, ein kostenpflichtiges Add-on für die Tarife Plus und Team, liefert Anzeigen über mehr als 75 Werbenetzwerke aus, darunter Google Ad Manager, DV360 und Campaign Manager 360.
