GIF erstellen: So machst du ein GIF aus einem Video oder aus Fotos

Jedes GIF entsteht aus einer von drei Quellen: einem Video, das du schon hast, einer Reihe von Standbildern oder einer Vorlage, die das Animieren übernimmt. Such dir die Zeile aus, die zu deinem Material passt.

Egal, welchen Weg du nimmst: Am Ende steht immer dieselbe Art Datei, nämlich ein Stapel Standbilder mit jeweils eigener Anzeigedauer und eigener Palette von höchstens 256 Farben, dazu eine Angabe, wie oft die Animation wiederholt wird. Die Illustration ganz oben zeigt das Prinzip, und diese Struktur erklärt fast jede Einstellung weiter unten.

Ein Video in ein GIF umzuwandeln heißt, aus wenigen Sekunden Film einzelne Standbilder herauszulösen. Der Video-zu-GIF-Konverter auf dieser Seite erledigt das im Browser, sodass der Clip dein Handy oder deinen Computer nie verlässt. Das zählt bei Bildschirmaufnahmen aus dem Job oder privaten Familienvideos.

1. 1Öffne den GIF-Ersteller und zieh eine MP4-, MOV- oder WEBM-Datei hinein oder tippe darauf, um sie auf dem Handy auszuwählen.
2. 2Spiel das Video ab oder scrolle durch und tippe auf Hier beginnen und Hier enden, um den Ausschnitt festzulegen. Üblich sind zwei bis sechs Sekunden.
3. 3Wähle die Frames pro Sekunde. 10 reichen für die meisten Clips; 15 bis 25 lohnen sich nur bei schnellen Bewegungen wie Sport oder Games, denn jede Stufe bringt mehr Frames und mehr Dateigröße.
4. 4Tippe auf Frames hinzufügen. Die Frames erscheinen in einem Streifen, in dem du einen trägen Anfang löschen, einen Frame für einen längeren Moment duplizieren oder den ganzen Clip umkehren kannst.
5. 5Wähle die Breite (480 Pixel passen für fast jeden Chat und jede Webseite) und lass die Wiederholung auf Endlos.
6. 6Tippe auf GIF erstellen, prüf Vorschau und Dateigröße und lade das GIF herunter.

Nimm nach Möglichkeit einen Clip, bei dem die Kamera stillsteht. Eine feste Einstellung von jemandem, der reagiert, lässt sich viel besser komprimieren als derselbe Moment aus der Hand gefilmt, weil nur die Bildteile neu gespeichert werden müssen, die sich ändern. Der Größentest weiter unten zeigt das in Zahlen.

Eine Reihe von Standbildern wird zum GIF wie ein Daumenkino: Jedes Foto ist ein Frame, der eine bestimmte Zeit zu sehen ist, bevor der nächste kommt. Urlaubsfotos, ein Produkt aus mehreren Blickwinkeln, die Schritte eines Rezepts oder eine Folge von Zeichnungen funktionieren gleichermaßen.

1. 1Füge deine JPG-, PNG-, WEBP- oder HEIC-Bilder zum Online-GIF-Generator hinzu. Du kannst jederzeit weitere ergänzen; neue Bilder landen am Ende des Streifens.
2. 2Bring sie in die richtige Reihenfolge: Wähl einen Frame aus und nutze Nach vorne oder Nach hinten, oder Umkehren, um die ganze Folge umzudrehen.
3. 3Stell die Dauer pro Frame ein. Bei einer Foto-Diashow lassen 500 ms bis 1,5 Sekunden Zeit zum Hinschauen; bei Stop-Motion wirken 80 bis 150 ms wie eine durchgehende Bewegung.
4. 4Wähle das Format. Wie der erste Frame übernimmt das Seitenverhältnis deines ersten Fotos; Quadratisch passt zu Chats und Profilbildern, Hoch 9:16 zu Storys.
5. 5Wähle Ganzes Bild zeigen, damit jedes Bild vollständig in den Rahmen passt, oder Rahmen füllen, um die Ränder abzuschneiden und Balken zu vermeiden.
6. 6Leg die Wiederholung fest, tippe auf GIF erstellen und lade es herunter.

Fotos, die nur Sekunden auseinanderliegen, ergeben die flüssigsten Animationen, Serienbilder sind also ideal. Für Stop-Motion stellst du die Kamera auf ein Stativ und fixierst die Belichtung, sonst flackert die Helligkeit von Frame zu Frame. Muss ein Foto vorher gerade gerückt oder beschnitten werden, schneide es zuerst zu und füge die zugeschnittene Kopie hinzu.

Smartphones können mit Bordmitteln einfache GIFs machen. Was genau geht, hängt vom Hersteller ab, deshalb beschränkt sich dieser Abschnitt auf das, was Apple und Samsung selbst dokumentieren, und sagt dazu, wenn eine Funktion nur von Drittanbieter-Anleitungen beschrieben wird. Wenn du Tempo, Größe und Farben genau steuern willst, funktioniert der Browser am Handy genauso wie am Computer.

Bei Vorlagen ist die Animation schon fertig: Du lieferst ein Foto oder einen Text, die Bewegung steht. So machst du am schnellsten ein GIF für eine Nachricht, einen Geburtstag oder den Gruppenchat.

• Das „my beloved“-Meme: Der Herz-Medaillon-GIF-Generator setzt dein Foto in ein rotes Medaillon, das sich neben einem Text oder einem zweiten Foto öffnet.
• Eigene Emojis: Mach aus einem GIF ein Discord- oder Slack-Emoji, quadratisch, passend skaliert und unter dem Limit der Plattform (256 KB bei Discord, 128 KB bei Slack).
• Animierte Logos und Icons: Liegt die Animation als SVG vor, wandle das SVG in ein GIF um, damit sie auch dort läuft, wo SVG nicht unterstützt wird, etwa in E-Mails.

Photoshop baut GIFs aus Ebenen, ideal, wenn du einzelne Frames nachbearbeiten willst. Die Schritte gelten für die Frame-Animation in der Zeitleiste aktueller Versionen, mit den deutschen Menünamen.

1. 1Lade die Bilder als Ebenen über Datei → Skripten → Dateien in Stapel laden. Für ein Video nimmst du Datei → Importieren → Videoframes in Ebenen und wählst den Bereich.
2. 2Öffne Fenster → Zeitleiste und wähle in der Mitte des Bedienfelds Frame-Animation erstellen.
3. 3Wähle im Menü des Zeitleisten-Bedienfelds Frames aus Ebenen erstellen. Jede Ebene wird zu einem Frame.
4. 4Stell die Verzögerung jedes Frames im kleinen Menü unter seiner Miniatur ein und setz die Wiederholung unten im Bedienfeld auf Unbegrenzt.
5. 5Exportiere über Datei → Exportieren → Für Web speichern (Legacy). Wähle GIF, leg die Farben fest (128 ist ein guter Start), schalte Dithering ein oder aus, prüf die Dateigröße in der Ecke der Vorschau und speichere.

Fünf Einstellungen entscheiden, wie ein GIF aussieht und wie groß es wird. Hier siehst du, was jede bewirkt, und einen Startwert für typische Zwecke.

Um zu sehen, welche Einstellungen wirklich zählen, haben wir denselben 3-Sekunden-Clip mit dem GIF-Encoder dieser Seite erstellt und jeweils nur eine Einstellung verändert. Die eine Version ist ein langsamer Kameraschwenk über eine detailreiche Landschaft, bei dem sich in jedem Frame jedes Pixel ändert, wie bei den meisten Handyvideos. Die andere zeigt dasselbe Bild ruhig, und nur ein kleines Objekt bewegt sich darüber, so wie bei Bildschirmaufnahmen und Aufnahmen vom Stativ.

Drei Dinge fallen auf. Erstens schlägt der Inhalt die Einstellungen: Die feste Kamera ist bei gleichen Abmessungen 50-mal kleiner als der Schwenk, weil der Encoder nur Pixel speichert, die sich ändern. Zweitens skaliert die Framerate bei bewegten Aufnahmen die Größe fast genau: doppelt so viele Frames, doppelt so große Datei. Drittens sparte die Reduktion von 255 auf 64 Farben 38 %, während Dithering 23 % draufpackte. Deine Zahlen hängen vom Material ab, die Reihenfolge dieser Hebel bleibt aber gleich.

Arbeite diese Liste von oben nach unten ab und hör auf, sobald das GIF passt. Die ersten Schritte sparen am meisten und kosten am wenigsten Qualität.

1. 1Kürze den Clip. Schneide träge Anfänge und Enden weg; jede Sekunde weniger muss nicht gespeichert werden.
2. 2Senke die Framerate. Von 20 auf 10 fps halbiert sich ein bewegter Clip ungefähr.
3. 3Schneide auf die Handlung zu. Weniger bewegter Hintergrund bedeutet weniger veränderte Pixel pro Frame, der größte Faktor im Test.
4. 4Verringere die Breite. 480 Pixel reichen fast überall, wo ein GIF angezeigt wird; 320 für den Chat.
5. 5Nimm weniger Farben und schalte Dithering aus, außer das GIF zeigt Streifen.
6. 6Komprimiere den Rest. Der GIF-Komprimierer kann ein fertiges GIF auf eine Zielgröße wie 256 KB oder 5 MB bringen und opfert dafür etwas Detail.

Ist das GIF danach immer noch zu groß, lautet die ehrliche Antwort: GIF ist für diesen Clip das falsche Format. Ein kurzes MP4 oder WebP behält deutlich mehr Qualität bei einem Bruchteil der Größe, wie der Vergleich unten zeigt. Sind Standbilder zu schwer, hilft der Ratgeber zum Bilder verkleinern ohne Qualitätsverlust mit JPG, PNG und WebP.

Ein GIF kann eine Farbe in der Palette jedes Frames als transparent markieren. Ein Pixel ist also entweder vollständig durchsichtig oder vollständig deckend, dazwischen gibt es nichts. Für Sticker, Icons und Freisteller mit klaren Kanten funktioniert das gut, und genau deshalb wirken weiche Kanten grob.

Weiche Kanten in einem Foto oder PNG bestehen aus halbtransparenten Pixeln, die mit dem Hintergrund verschmelzen. Ein GIF muss jedes dieser Pixel auf deckend oder durchsichtig runden. Rundungen werden dadurch treppig, und die deckenden Pixel behalten die Farbe des Hintergrunds, vor dem sie freigestellt wurden. Das ist der weiße oder dunkle Saum, den du siehst, wenn ein auf Weiß erstelltes GIF auf einer dunklen Seite landet.

• Für ein transparentes GIF aus Bildern startest du mit PNG-Freistellern und wählst im GIF-Ersteller Transparent als Hintergrund.
• Um eine vorhandene Animation transparent zu machen, nutze das Tool, um den GIF-Hintergrund zu entfernen. Es entfernt ihn Frame für Frame und kann ihn auch durch eine neue Farbe ersetzen.
• Gegen Säume hilft es, das Motiv vor einer Farbe freizustellen, die der späteren Seite ähnelt, oder Formen klar zu halten und auf weiche Schatten zu verzichten.

Mehr zu Standbildern mit transparentem Hintergrund und dazu, warum PNG weiche Kanten besser beherrscht als GIF, steht im Ratgeber zu transparenten Hintergründen.

GIF stammt von 1987, Animation und Transparenz kamen 1989 dazu. Es hat überlebt, weil es überall ohne Play-Taste abspielt. Die neueren Formate sind kleiner und sehen besser aus, aber keines wird überall akzeptiert, wo ein GIF funktioniert.

Nimm GIF für Chats, Emojis, E-Mails und überall dort, wo es verlangt wird. Nimm MP4 für alles, was länger als ein paar Sekunden ist oder Ton hat, und für soziale Netzwerke, von denen viele hochgeladene GIFs ohnehin in Videos umwandeln. Um ein fertiges GIF umzustellen, behält der GIF-zu-MP4-Konverter das genaue Timing der Frames; aus unserem 2,1 MB großen Test-GIF wurde ein MP4 mit 184 KB. Nimm animiertes WebP für deine eigene Website, wenn du Transparenz oder eine kleinere Datei brauchst. Der Ratgeber zu Bildformaten erklärt WebP genauer.