Wie Sie Ihr Content-Marketing mit animierten GIFs [und anderen animierten Grafiken] aufpeppen

Veröffentlicht: 2015-10-15
Laut Steve Wilhite, der 1987 das Graphics Interchange Format (GIF) für CompuServe erfand, ist es „jif“, wie die Erdnussbutter (und wie „gym“ und „gem“ und „Geoff“), kein hartes „g“. “ „ghif. CNN
Laut Steve Wilhite, der das Graphics Interchange Format (GIF) 1987 für CompuServe erfand, ist es „jif“, wie die Erdnussbutter (und wie „gym“ und „gem“ und „Geoff“), kein hartes „g“. (wie „ghif“ oder „gate“.)
CNN

Bilder sind mächtige Werkzeuge. Sie können Aufmerksamkeit erregen und halten oder Emotionen auf eine Weise einfangen und vermitteln, wie es Worte nicht können. Fügen Sie Ihren Bildern etwas Bewegung hinzu und sie werden geradezu unwiderstehlich.

Video ist immer noch ein Kraftpaket, aber auch das bescheidene animierte GIF erfreut sich wachsender Beliebtheit. Es war schon immer eine lustige Art, ein wenig zusätzliche Aufmerksamkeit zu bekommen. Leider wurden animierte Gifs auch für zu viele abgedroschene Werbebanner und lästige animierte Emoticons verwendet. Das hat ihrem Ruf ein wenig geschadet.

Aber jetzt unterstützen immer mehr Plattformen animierte Gifs. Und immer mehr Vermarkter nutzen sie, um ihre Inhalte hervorzuheben. Es sorgt für ein elegantes visuelles Marketing.

Was ist also ein animiertes GIF?

Gute Frage. Lassen Sie uns die Worte überspringen und zur Realität springen.

Dies ist ein animiertes GIF:

Bild mit freundlicher Genehmigung von Imgur https://i.imgur.com/l2GTZEd.gif
Bild mit freundlicher Genehmigung von Imgur

Dieses Gif erschien zuerst auf Reddit als Ankündigung zu einem Firmenjubiläum, das niemand bemerkte.

Dies ist auch ein animiertes GIF:

Tick ​​Tock GIF
GIF-Quelle

Dies geht aus einer E-Mail-Ankündigung des Online-Händlers Evans hervor. Es wurde auch in Alchemy Worx' jüngster Zusammenfassung bemerkenswerter animierter GIFs in E-Mails aufgenommen.

Diese beiden animierten Gifs helfen uns, das Format mit einer Show-Don't Tell -Meta-Nachricht zu definieren. Aber um weiter zu gehen:

  • Animierte Gifs können Fotografien oder Grafiken sein.
  • Animierte Gifs bestehen aus einer kurzen Reihe von Einzelbildern. Jeder Frame ist ein eigenes animiertes GIF.
  • Animierte Gifs sind in der Regel kurz – nicht länger als 5 Sekunden.
  • Animierte GIFs neigen dazu, sich zu wiederholen, aber Sie können sie so einstellen, dass sie einige Male abgespielt werden und dann anhalten.
  • Animierte Gifs können wie eine Leuchtreklame verwendet werden – als auffällige Grafiken, die Ihre Aufmerksamkeit erregen. Oder sie können verwendet werden, um eine Geschichte zu erzählen. Das erste Gif, das wir gesehen haben, erzählt eine einfache Geschichte: Wir hatten etwas zu feiern. Es passierte. Niemand kümmerte sich.

Was animierte Gifs nicht sind

Wie Sie sicher wissen, sind animierte Gifs nicht das letzte Wort in Bezug auf bewegte Bilder im Internet. Es gibt mehrere sehr ähnliche Formate und Möglichkeiten, Bilder zu bewegen, die Sie kennen sollten, und es gibt ein paar Vorbehalte.

1. Animierte Gifs sind keine Videos.

Während ein animiertes GIF in so etwas wie ein Video gebogen werden könnte, würde es entweder viele Frames im animierten GIF erfordern, oder wir müssten eine neue Definition eines Videos akzeptieren (als eine Reihe von beispielsweise fünf Frames). . Videos verwenden auch ein anderes Dateiformat als Gifs. Videos liegen normalerweise in den Formaten AVI, MPEG, MOV und andere videospezifische Formate vor.

2. Animierte Gifs sind keine Cinemagramme.

Cinemagramme sind Hybride aus Fotos und Videos. Sie haben viele Ähnlichkeiten mit animierten Gifs:

  • Sie wiederholen sich wie die meisten animierten Gifs
  • Sie können in E-Mail-Nachrichten wie animierte Gifs verwendet werden
  • Sie enden mit .gif

Aber sie sind keine animierten Gifs. Dies ist ein Cinemagramm:

Cinemagramm
Bildquelle

Es gibt einen interessanten Beitrag im Convince and Convert-Blog darüber, wie verschiedene Marken Cinemagraphs in ihrem Marketing verwenden. AdWeek veröffentlichte auch einen Beitrag über Facebooks Pläne für Cinemagraphs.

Verstehen Sie einfach, dass Cinemagramme wesentlich schwieriger zu erstellen sind als animierte Gifs. Jemand mit grundlegenden Bildbearbeitungsfähigkeiten kann ein animiertes GIF erstellen. Es braucht die Fähigkeiten eines Künstlers, um einen Cinemagraph zum Singen zu bringen.

3. Animierte Gifs sind keine CSS-Animationen.

CSS-Animationen sind eine weitere hochmoderne Technik für visuelle Inhalte, aber sie funktionieren dank Codierung, nicht dank einer bestimmten Art von Bilddatei. CSS-Animationen eignen sich gut zur Präsentation von Daten. Wenn Sie also ein Diagramm aufpeppen oder ein Tortendiagramm drehen möchten, könnte eine CSS-Animation funktionieren. Leider funktionieren sie nicht in jedem Browser und können fehlerhaft sein.

Creative Bloq hat einen sehr coolen Beitrag mit einigen atemberaubenden Beispielen für CSS-Animationen.

4. Animierte Gifs sind kein Flash.

Flash ist irgendwie oldschool. Es hat seine Anwendungen, aber es ist am besten, Flash aufgrund von Darstellungsproblemen zu vermeiden (iOS-Geräte können Flash nicht wiedergeben) und weil Flash-Inhalte eine Black Box für Suchmaschinen sind.

5. Animierte Gifs sind auch keine Hyperlapse-Videos.

Instagram hat herausgefunden, wie man Zeitraffervideos mit Smartphones machen kann. Die Technologie heißt Hyperlapse. Sie können die Hyperlapse-App für iOS-Geräte hier herunterladen. Die Entwickler waren auch in der Lage, den Bounce-Effekt (sie nennen den Fix „Cinema Stabilization“) zu beheben, der die meisten Hyperlapse-Videos weit weniger ansehbar gemacht hätte.

Hyperlapse-Videos können auf Webseiten eingebettet werden, aber sie sind immer noch meistens Geschöpfe von Instagram.

Wie erstelle ich ein animiertes gif

Es gibt zwei Möglichkeiten, animierte Gifs zu erstellen. Die erste ist von Bildern. Die zweite ist von Videos.

So erstellen Sie ein GIF aus statischen Bildern.

  1. Gehen Sie zu Gifmaker.me. Dies ist ein kostenloses GIF-Erstellungstool. Es gibt viele andere kostenlose GIF-Ersteller (ich habe unter anderem auch https://makeagif.com und https://imgflip.com ausprobiert), aber Gifmaker.me:
    • Setzt kein Wasserzeichen in die untere Ecke deines GIFs
    • Erstellt Gifs mit kleineren Dateigrößen als die anderen Tools
    • Bietet Ihnen viele Steuerelemente, sodass Sie Ihr GIF so ziemlich nach Belieben erstellen können.

Eine Sache, die es nicht tut, ist, dass Sie Ihren Gifs eine Beschriftung hinzufügen können. Wenn Sie das tun möchten, versuchen Sie es entweder mit MakeaGIF oder IMGFlip.

Gif-Maker 1
Gifmaker.me sieht ein wenig veraltet aus, aber es ist eines der besten Tools, um schnell animierte Gifs zu erstellen.

2) Laden Sie die gewünschten Bilder in Ihrem GIF hoch. Dies können riesige Bilder sein oder auf die Größe reduziert werden, die das endgültige animierte GIF haben soll. Ich habe es tatsächlich in beide Richtungen versucht – im ersten Satz wurden die Bilder als 300dpi-Bilder mit mehreren tausend Pixeln Breite hochgeladen. Dann habe ich ein weiteres Set mit Bildern gemacht, die ich in Photoshop auf 500 Pixel Breite bei 144 dpi reduziert habe. Das animierte GIF aus den riesigen Bildern war tatsächlich 10 % kleiner als das, das ich aus den verkleinerten Bildern gemacht habe. Stelle dir das vor.

Gif-Maker 2

3) Sobald Ihre Bilder hochgeladen sind, können Sie die Rahmen neu anordnen, indem Sie sie anklicken und verschieben. Sie können auch die Größe des fertigen GIFs und die Frames pro Sekunde steuern. Einige Quellen sagen, dass das durchschnittliche GIF bei 500 Millisekunden pro Frame liegt. Das finde ich etwas zu schnell – ich verlangsame meine Gifs auf 1100 Millisekunden pro Frame.

Sie können das GIF so einstellen, dass es nur wenige Male oder in einer Endlosschleife abgespielt wird. Ich lasse meine Schleife. Und obwohl Sie Audio hinzufügen können, bin ich kein großer Fan von Audio in Inhalten, es sei denn, es wird erwartet (wie bei Webinaren, Podcasts und Videos).

Wenn alle diese Einstellungen ausgewählt sind, klicken Sie einfach auf „GIF-Animation erstellen“.

Sie werden so etwas als nächstes sehen. Die Animation wird abgespielt … das Bild unten ist nur ein Screenshot.

Gif-Maker 3
Dies ist die letzte Ausgabeseite, die GifMaker anzeigt. Sie können Ihr fertiges GIF von hier herunterladen.

Während gifmaker.me ziemlich kleine Dateigrößen erstellt, können Sie Ihre animierten GIFs weiter verkleinern. Dies wird besonders kritisch, wenn Sie ein animiertes GIF für eine E-Mail-Nachricht erstellen.

Sie möchten in einer E-Mail kein animiertes GIF verwenden, das größer als 80 KB ist. Im Allgemeinen empfehlen wir, dass Bilder für E-Mail-Nachrichten klein sind, aber Sie müssen möglicherweise die Regeln für animierte GIFs beugen. Dazu können Sie versuchen, weniger Frames zu verwenden oder das endgültige animierte GIF in der sichtbaren Größe kleiner zu machen.

Oder Sie können einen Dateigrößenreduzierer verwenden.

Hier ist der Dateigrößenreduzierer, den ich verwendet habe, EZGif. Ich konnte ein 236 KB großes Bild auf 113 KB verkleinern, ohne die höchste Komprimierungseinstellung zu verwenden.

EZGIf
Einer der größten Nachteile bei der Verwendung von animierten Gifs ist, wie groß ihre Dateigrößen werden können. EZGif ist nur eines der Tools, mit denen animierte GIF-Dateien kostenlos und ohne großen Verlust an Bildqualität reduziert werden können.

Für ein animiertes GIF mit 4 Frames und 500 Pixel Breite sind 113 KB ziemlich gut.

Hier ist das endgültige, komprimierte animierte GIF:

ezgif.com-optimieren

So erstellen Sie animierte Gifs von YouTube und anderen Videos

Die nächste Möglichkeit, animierte GIFs zu erstellen, ist die Verwendung von YouTube-Videos. Es gibt eine Möglichkeit, dies zu tun, die hirntot einfach ist.

Rufen Sie einfach die URL des Videos auf, das Sie in ein animiertes GIF umwandeln möchten.

ActOnVideo2

Gib „gif“ vor „youtube.com“ ein, etwa so:

ActOnVideo3

Drücken Sie die Eingabetaste. Sie werden zu einer Website weitergeleitet, auf der Sie einige Einstellungen für Ihr animiertes GIF vornehmen können.

ActOnVideo4

Klicken Sie auf „GIF erstellen“…

ActOnVideo5

Wählen Sie dann aus, wie Sie Ihr animiertes GIF teilen möchten.

Dies hat jedoch einen Haken. Diese Website ist so eingerichtet, dass sie das Bild für Sie hostet – das Herunterladen des GIFs wird dadurch zu einem Problem. Das kann gut oder schlecht sein, aber ich würde lieber Bilder auf meiner Seite hosten.

Es gibt viele andere Websites, auf denen Sie animierte Gifs aus YouTube-Videos erstellen können. MakeAGif.com und IMGFlip.com sind beide kostenlos und einfach zu bedienen.

Wenn Sie sie nicht herstellen können, finden Sie sie

Keine Zeit, ein animiertes GIF zu erstellen? Das bedeutet nicht, dass Sie keine vorgefertigten verwenden können. Es gibt mehrere Seiten für kostenlose animierte Gifs:

  • Giphy.com
  • Imagur.com
  • Gifbin.com
  • Hulus Das perfekte GIF
  • GifBay.com

Seien Sie nett und geben Sie an, woher Sie das Gif haben.

GifBay

So verwenden Sie animierte Gifs in Ihrem Marketing

Ach, endlich. Wir sind beim Ergebnisteil. Hier sind all die coolen Möglichkeiten, wie Sie animierte Gifs in Ihrem Marketing verwenden können:

1) In E-Mail-Nachrichten.

Versuchen Sie, die Dateigröße klein zu halten, aber animierte GIFs funktionieren hervorragend in E-Mails. Es gibt mehrere Berichte über animierte Gifs, die die Reaktion heben, wie zum Beispiel:

  • Bluefly fügte bereits 2008 ein animiertes GIF zu einer seiner E-Mails hinzu und erzielte eine Umsatzsteigerung von 12 % aus dem animierten GIF-Segment des Tests.
  • Dell steigerte den Umsatz mit einer animierten GIF-E-Mail-Kampagne um 109 %.
  • Lake Champlain Chocolates steigerte die Resonanz um 49 % mit einer animierten E-Mail, die das Öffnen einer Schachtel Pralinen zeigte.

Intouch Solutions hat auch einen netten Beitrag über drei weitere Fallstudien von animierten Gifs in E-Mails.

Achtung: Gestalten Sie das erste Bild Ihres GIFs immer so, dass es als statisches Bild eigenständig stehen kann, falls Ihr Abonnent die E-Mail in einem Client (wie Outlook und Windows Phone 7) öffnet, der keine animierten GIFs unterstützt.

2) In den sozialen Medien.

Twitter und Tumblr unterstützen seit einiger Zeit animierte Gifs. Aber Facebook hat kürzlich angekündigt, dass sein Newsfeed auch animierte Gifs unterstützt. Sie werden sie sogar in Anzeigen zulassen.

Pinterest unterstützt animierte GIFs, aber Sie müssen auf eine Schaltfläche mit der Aufschrift „GIF“ klicken, um sie abzuspielen. Und Google+ unterstützt animierte Gifs.

Wie Sie wahrscheinlich wissen, generieren Bilder in sozialen Medien weitaus mehr Likes und Shares als textbasierte Inhalte. Das Hinzufügen einer Prise animierter Gifs macht den Inhalt noch klickwürdiger.

3) Auf Blogbeiträgen.

Sie müssen nicht BuzzFeed oder Upworthy sein, um animierte Gifs in Ihren Beiträgen zu verwenden. Social Fresh und Quick Sprout haben einige Daten für uns verarbeitet. Sie fanden heraus, dass animierte GIFs die wahrscheinlichste Art von Bildern sind, die von Blog-Posts geteilt werden.

Top-Blog-Post-Bild-Typen

4) Auf den Download-Seiten für E-Books, Whitepaper und Forschungsstudien.

E-Books, Whitepaper und Forschungsstudien enthalten in der Regel viele Informationen. Und sie sollten. Aber all diese Informationen sind ein Problem auf einer Download-Seite, wo Sie Ihre Botschaft und die Elemente auf der Seite destillieren müssen.

Geben Sie das animierte GIF ein. Warum konnte ein Bild eines statischen eBooks nicht durch rotierende Bilder der Charts und Kurse aus dem Download ersetzt werden?

5) Auf Seiten, die Software beschreiben oder App-Downloads fördern.

Animierte Gifs sind eine großartige Möglichkeit, Menschen zu zeigen, wie man Dinge mit Software macht. Halte sie einfach kurz und einfach. Als SEMRush ein neues Feature ankündigen wollte, schickten sie eine E-Mail mit diesem animierten Gif:

Und hier ist ein Rückblick für diejenigen von Ihnen, die Ende der Neunziger im Internet herumgehangen haben. Eines der allerersten viralen Gifs, das vage gruselige Dancing Baby.

Abschluss

Animierte Gifs sind die einfachste Möglichkeit, einer Seite, einer E-Mail oder einem Social-Media-Update etwas Bewegung zu verleihen. Und obwohl sie Assoziationen mit ein wenig Amateurhaftigkeit haben, gibt es keinen Grund, warum Sie nicht attraktive, markenkonforme Bilder auswählen sollten, die eine überzeugende Geschichte erzählen, die Ihr Publikum zu schätzen wissen wird.

Da immer mehr Plattformen und Dienste sie unterstützen, sind animierte GIFs möglicherweise der beste Weg, um ein gewisses Selbstvertrauen mit bewegten Bildern aufzubauen … zumindest bis Sie bereit sind, in Videos einzutauchen.

E-Mail-Ideenlabor Verwenden Sie animierte Gifs in Ihrem Marketing? Haben Sie Fallstudien, die Sie uns mitteilen möchten? Erzählen Sie uns davon in den Kommentaren.

Sind Sie bereit, Ihren E-Mails etwas Bewegung zu verleihen, damit sie sich von der Masse abheben? Erfahren Sie in unserem kostenlosen eBook – Email Idea Lab, wie Sie mit der Verwendung von GIFs, Cinemagraphs, Videos und mehr beginnen.