We have a new web app: Creatopy! And your Bannersnack account is safe and sound. Log in to Bannersnack.

Kostenloser Online HTML5-Animations-Banner-Maker

Testen Sie unser HTML5-Animationstool gratis und erstellen Sie innerhalb weniger Minuten schöne und flüssig animierte Bannerwerbung. Legen Sie los und wählen Sie aus über 1.000 vorgefertigten HTML5-Bannervorlagen oder erstellen Sie Ihre eigenen Entwürfe.

Design-Voreinstellungen

Vorgefertigte animierte Banner-Ads-Vorlagen, die von professionellen Designern erstellt worden sind

Werfen Sie in der folgenden Galerie einen Blick auf einige unserer animierten Bannerbeispiele

All in one Animated Banner Maker

Take advantage of these features to save time and money when building your own animations.

feature-svg
One click animations

When you want to get things done fast, use the Magic Animator to animate your design in just one click. It’s that easy.

feature-svg
Advanced customization

You can add how much movement you want to your animation by using middle transitions, or adjust the duration on the timeline.

feature-svg
Banner generator

Aside from creating multiple design sizes at once, you can apply the same animation to your design set in just one click.

Schritt für Schritt designen

Wie man animierte Banner erstellt, die auffallen

  • 1

    Wählen Sie eine Größe

    Das perfekte animierte Banner beginnt mit der richtigen Größe für Ihre Werbekampagne. Sie können eine unserer voreingestellten Größen wählen oder Ihre eigene benutzerdefinierte Größe erstellen und beginnen.

  • 2

    Beginnen Sie mit dem Designen

    Jetzt haben Sie zwei Möglichkeiten: Beginnen Sie bei Null oder verwenden Sie eine Vorlage. In unserem HTML5-Editor finden Sie Tausende von Vorlagen, mit denen Sie professionelle animierte Anzeigen erstellen und die Erstellungszeit halbieren können. Die Benutzeroberfläche ist äußerst intuitiv, sodass Sie problemlos animierte Banner von einer leeren Leinwand aus erstellen können.

  • 3

    Personalisieren Sie Ihr Banner

    Sie können jedes Element Ihres Designs anpassen, um ein personalisiertes HTML-Banner zu erstellen. Fügen Sie Schriftarten, Bilder, Videos, Formen, eine Call-to-Action (CTA)-Schaltfläche hinzu oder ändern Sie die Farben, um sie in ein Bildmaterial zu verwandeln, das Ihrer Markenidentität entspricht. Gehen Sie sogar noch weiter, indem Sie Elemente von Ihrem Computer hochladen und das Banner mit den anderen visuellen Materialien, die Sie bereits vorliegen haben, kombinieren.

  • 4

    Animieren Sie das Banner

    Jetzt ist es an der Zeit, Bewegung in Ihr Design zu bringen. Animierte Anzeigen sind ansprechender als statische. Sie möchten dies also zu Ihrem Vorteil nutzen. In Creatopy haben Sie Zugriff auf reibungslose HTML5-Animationen, die keine Programmier- und technischen Kenntnisse erfordern. Darüber hinaus können Sie jedes Banner mit nur wenigen Klicks animieren. Möchten Sie die Dinge in den sozialen Medien aufpeppen? Fügen Sie jedem Layer mit "Middle Animations" mehr Bewegung hinzu.

  • 5

    Herunterladen oder Einbetten

    Sobald Sie mit dem Ergebnis des animierten Banners zufrieden sind, können Sie es in allen wichtigen Werbenetzwerken verwenden. Sie können es in jedem gewünschten Format herunterladen, von HTML5 bis AMP HTML für Google-Anzeigen oder im MP4-Format für soziale Medien.

In Bewegung setzen

Sämtliche Animation, die Sie je brauchen werden

Mit Creatopy können Sie Ihre Assets mit nur wenigen Klicks animieren. Nicht nur das, sondern Sie können jeder Ebene mehr Bewegung hinzufügen, indem Sie die mittleren Animationen verwenden. Um eine Animation noch besser hervorzuheben, ist es nun möglich, den mittleren Übergängen spezifische Trigger hinzuzufügen, wie z. B. den Hover- und den Infinity-Trigger.

Textanimationswerkzeug

Create HTML5 banners

Build impressive animated ads for your websites and advertising campaigns without any coding skills. With Creatopy you can easily create HTML5 banners and make your business stand out.

Intuitive animation timeline

Explore our complex, yet intuitive animation timeline and our dynamic slide management system to create the best HTML5 animation out there. Adjust the duration or delay of your text animations, add custom variables & create smooth slide transitions.

FAQ

Wie kann ich meine animierte Bannerwerbung attraktiver gestalten?

So können Sie Ihre animierte Banneranzeige attraktiver gestalten: Wählen Sie die beste Größe; stellen Sie sicher, dass das Format mit dem Werbenetzwerk kompatibel ist; strukturieren Sie die Elemente Ihrer Anzeige (Logo, Text, Bildmaterial, CTA); verwenden Sie Farben, die der visuellen Identität Ihrer Marke entsprechen; wählen Sie die richtige Schriftart; verwenden Sie auffällige visuelle Elemente; fügen Sie fließende Übergänge und Animationseffekte hinzu; sorgen Sie für eine überzeugende CTA!

Was sind die gebräuchlichsten animierten Bannergrößen?

Google empfiehlt die Verwendung einiger weniger unterschiedlicher Größen, wenn animierte Banneranzeigen auf mobilen Geräten und auf dem Desktop geschaltet werden. Für Desktop-Nutzer empfiehlt Google die folgenden Größen: 300 x 250, 336 x 280, 728 x 90, 970 x 90, 468 x 60, 300 x 600, 160 x 600, 250 x 250 und 200 x 200. Für mobile Geräte können Sie 300 x 200, 300 x 50, 300 x 100, 250 x 250 und 200 x 200 verwenden. Um die besten Ergebnisse zu erzielen, versuchen Sie, bei diesen Abmessungen zu bleiben.

Welches sind die besten Platzierungen für animierten Bannern?

Es stehen drei verschiedene Platzierungen zur Verfügung. Da ist zum einen die Platzierung "above the fold", die effektiv ist, weil sie das erste ist, was Besucher sehen, wenn sie eine Webseite betreten, sodass sie nicht nach unten scrollen müssen. Zweitens können Sie das animierte Banner in der Seitenleiste in der rechten Ecke des Bildschirms neben der Bildlaufleiste platzieren. Die letzte Platzierung erfolgt innerhalb des Inhalts, was effektiv sein kann, da sich der Besucher bereits mit dem Inhalt beschäftigt und die Anzeige seine Aufmerksamkeit erregen kann.

CTA
beginnen

Erstellen Sie animierte HTML5-Anzeigen innerhalb von Minuten

Skalieren Sie Ihre Arbeit, indem Sie unseren Bannergenerator verwenden, um ganze Sätze von HTML5-Anzeigen zu erstellen. So sparen Sie mehr Zeit und halten jedes Mal die perfekte animierte Werbeanzeige in der Hand!