Animierter GIF-Maker – kostenlos
Mehrere Bilder zu einem animierten GIF kombinieren. Einstellbare Frame-Verzögerung, Ausgabebreite, Schleifen und Qualität. Vollständig im Browser kodiert.
Dateien hier ablegen oder klicken zum Durchsuchen
JPG, PNG, WebP, HEIC, HEIF · Verarbeitung auf Ihrem Gerät
oder drücken Sie Strg+V, um aus der Zwischenablage einzufügen
Sie können mehrere Dateien auf einmal ablegen
Ihre Dateien verlassen nie Ihr Gerät. Die gesamte Verarbeitung findet lokal in Ihrem Browser statt.
Häufige Anwendungen
- Animieren Sie Tutorial-ScreenshotsKonvertieren Sie eine Reihe von Screenshots in ein animiertes GIF, das einen schrittweisen Arbeitsablauf zeigt.
- Produkt-Demo-GIFs für Landing PagesErstellen Sie animierte GIFs, die Ihr Produkt in Aktion zeigen — betten Sie in Landing Pages, READMEs oder Social Posts ein.
- Erstellen Sie Memes und Reaktions-GIFsKombinieren Sie Bilder in teilbare Meme-GIFs für Twitter, Discord, Slack oder Gruppen-Chats.
- Stop-Motion-AnimationenBauen Sie Stop-Motion-Animationen aus einer Reihe von Fotos von Objekten, Ton, Zeichnungen oder Händen.
So funktioniert es
GIF-Kodierung läuft vollständig in Ihrem Browser über gif.js — ein reiner JavaScript-GIF-Encoder mit einem Web Worker für Leistung. Ihre Bilder werden nie hochgeladen.
- 1Sie laden mehrere BilderJedes Bild wird in den Speicher Ihres Browsers geladen und vom eingebauten Bild-Decoder des Browsers dekodiert. Sie erscheinen in der Frame-Liste in Upload-Reihenfolge.
- 2Jeder Frame wird auf ein Canvas in der gewählten Breite gezeichnetDas Seitenverhältnis wird vom ersten Frame erhalten. Die Canvas-Pixeldaten werden gif.js als Sequenz von Frames mit Ihrer gewählten Verzögerung übergeben.
- 3Ein Web Worker kodiert das GIF im Hintergrundgif.js spawnt einen Worker zur Kodierung ohne die UI zu blockieren. Der Worker verarbeitet die Farbquantisierung (Reduktion jedes Frame auf 256 Farben) und gibt LZW-komprimierte GIF-Bytes aus.
- 4Das fertige GIF wird zum Download angebotenWenn die Kodierung abgeschlossen ist, können Sie die Animation in der Vorschau anzeigen und lokal speichern. Das Blob wird nur in Ihrem Browser-Speicher gehalten.
Ihre Fotos werden nie hochgeladen. Der gif.js Worker läuft in Ihrem Browser. Geeignet für persönliche Foto-Collagen, Memes aus Screenshots oder sensiblem Inhalt.
Anleitung
Beispiel
Legen Sie drei Bilder ab, die alle 1600×1000 Pixel groß sind. Die Liste sagt „3 Frames — zum Umsortieren ziehen oder ↑/↓ verwenden“. Mit den Voreinstellungen ergibt „Ausgabebreite (480px)“ ein GIF von 480×300, „Frame-Verzögerung (200ms)“ zeigt „5.0 FPS“, und „GIF wiederholen“ ist angekreuzt. Ziehen Sie den Regler, bis „Frame-Verzögerung (500ms)“ und „2.0 FPS“ dastehen. Geben Sie im Feld neben Frame 3 die Zahl 1500 ein, damit das letzte Bild länger stehen bleibt. Geben Sie Tag 1 bei „Beschriftung (optional)“ ein und lassen Sie es auf „Unten“. Klicken Sie auf „GIF erstellen“. Die Schaltfläche zählt „Kodierung 60 %…“, dann erscheint eine Vorschau mit „Herunterladen“ und der Größe in Klammern. Die Frames werden 0,5, 0,5 und 1,5 Sekunden gezeigt, insgesamt 2,5 Sekunden, dann wiederholt es sich. Die Datei wird als animation.gif gespeichert. Ändern Sie jetzt die Breite, sagt die Seite „Bilder oder Einstellungen haben sich geändert — codieren Sie erneut, um das GIF zu aktualisieren.“, bis Sie auf „Erneut kodieren“ klicken.
Welche Einstellungen zu verwenden sind, und die Grenzen
- Fügen Sie die Frames hinzu und bringen Sie sie dann in Reihenfolge. Das Tool nimmt JPEG-, PNG- und WebP-Bilder an; ein iPhone-HEIC-Foto wird beim Hinzufügen in PNG umgewandelt. Legen Sie mehrere auf einmal ab, wählen Sie sie aus oder fügen Sie sie ein, und fügen Sie später weitere hinzu: Neue Bilder werden an die Liste angehängt. Die Liste sagt „3 Frames — zum Umsortieren ziehen oder ↑/↓ verwenden“, mit den Pfeilen „Nach oben“ und „Nach unten“ und einem Kreuz „Frame entfernen“ in jeder Zeile. Der erste Frame in der Liste bestimmt die Form des ganzen GIFs. Ein animiertes GIF wird nicht als Frame akzeptiert.
- Legen Sie die Geschwindigkeit für alle Frames fest und überschreiben Sie dann einzelne. „Frame-Verzögerung“ läuft in 50er-Schritten von 50 bis 1000 ms und startet bei 200 ms. Die Zeile darunter zeigt die Bildrate: „5.0 FPS“ bei 200 ms und „20.0 FPS“ bei 50 ms. Das kleine Feld in jeder Zeile überschreibt die Verzögerung nur für diesen Frame. Lassen Sie es leer, um den globalen Wert zu verwenden, den es als graue Vorgabe zeigt. Seine Pfeile beginnen bei 20 ms und gehen in 10er-Schritten. Geben Sie dem letzten Frame eine längere Verzögerung, um das Ende der Animation zu halten.
- Wählen Sie die Breite und die Anpassung. „Ausgabebreite“ läuft in 20er-Schritten von 100 bis 1200 px und startet bei 480. Die Höhe folgt der Form des ersten Frames, sodass Bilder mit 1600×1000 bei 480 ein GIF von 480×300 ergeben. „Bildanpassung“ entscheidet, was mit Bildern anderer Form geschieht. „Einpassen“ (die Voreinstellung) zeigt das ganze Bild und füllt die Lücken mit der „Hintergrundfarbe“, zunächst Weiß. „Füllen“ füllt den Frame und schneidet die Ränder ab. „Strecken“ füllt ihn und verzerrt das Bild. Transparente Bereiche eines PNG zeigen ebenfalls die Hintergrundfarbe.
- Wägen Sie Dateigröße und Qualität ab. Ein GIF speichert jeden Frame, seine Größe wächst also mit der Frame-Zahl und der Breite, und das Senken der „Ausgabebreite“ spart am meisten. Der Regler „Qualität“ läuft von 1 bis 30 und startet bei 10. Die Seite sagt „Niedriger = bessere Qualität, größere Datei“, 30 ergibt also die kleinste und gröbste Datei. „GIF wiederholen“ ist angekreuzt, was die Animation endlos wiederholt; entfernen Sie das Häkchen, um sie einmal abzuspielen. Der Encoder nutzt zwei Hintergrund-Worker, während der Balken „Kodierung 40 %…“ zählt.
- Fügen Sie jedem Frame eine Beschriftung hinzu, wenn Sie eine brauchen. „Beschriftung (optional)“ zeichnet dieselbe Textzeile auf jeden Frame. Wählen Sie „Oben“ oder „Unten“ („Unten“ ist die Voreinstellung) und eine Textfarbe, zunächst Weiß. Der Text hat immer eine schwarze Kontur, damit er lesbar bleibt. Die Textgröße beträgt ein Zwölftel der GIF-Breite, nie unter 12 px, und die Zeile wird nicht umbrochen: Eine lange Beschriftung wird gestaucht, damit sie in 94 % der Breite passt. Halten Sie sie kurz.
- Prüfen Sie die Vorschau, bevor Sie herunterladen. Nach „GIF erstellen“ erscheint die Vorschau unter den Schaltflächen, und die Schaltfläche „Herunterladen“ zeigt die Größe in Klammern. Die Datei wird immer als animation.gif gespeichert. „Erneut kodieren“ führt die aktuellen Einstellungen noch einmal aus. Ändern Sie nach dem Kodieren eine Einstellung, ordnen Frames um oder ändern eine Frame-Verzögerung, bleibt das alte GIF mit einem Hinweis auf dem Bildschirm, und ein Download würde die alte Animation liefern. Das Hinzufügen oder Entfernen eines Frames löscht es stattdessen. Das Encoder-Skript wird von dieser Website geliefert, und nichts wird hochgeladen.
Häufige Probleme und wie man sie behebt
- Es erscheint „GIF-Erzeugung fehlgeschlagen“
- Das Tool lädt jeden Frame, bevor es beginnt, und ein Bild, das der Browser nicht dekodieren kann, stoppt den ganzen Durchlauf. Die Seite sagt nicht, welches. Entfernen Sie Frames mit dem Kreuz, ein paar auf einmal, bis „GIF erstellen“ funktioniert, und speichern Sie dann das fehlerhafte Bild als JPEG oder PNG neu. Eine andere Meldung, „Canvas ist in diesem Browser nicht verfügbar“, bedeutet, dass der Browser der Seite keine 2D-Zeichenfläche gab, die das Tool für jeden Frame braucht. Versuchen Sie einen anderen Browser.
- Es erscheint „banner.gif ist eine GIF-Datei, die dieses Tool nicht öffnen kann.“
- Die Ablagefläche prüft, was eine Datei wirklich ist, nicht nur ihren Namen. JPEG, PNG und WebP werden akzeptiert, dazu HEIC, das umgewandelt wird. GIF, AVIF und BMP werden abgelehnt, ein animiertes GIF lässt sich also nicht als Frame verwenden. Speichern Sie das Bild zuerst in einem der akzeptierten Typen; der Bildformat-Konverter kann das. Eine Datei, die die Prüfung nicht erkennt, erhält stattdessen „Dateityp nicht unterstützt“ mit ihrem Namen.
- Manche Frames haben Balken an den Seiten oder sind abgeschnitten.
- Das ist „Bildanpassung“ bei der Arbeit, und die Form des GIFs stammt vom ersten Frame in der Liste. Bei „Einpassen“ erhält ein Bild anderer Form Balken, die mit der „Hintergrundfarbe“ gefüllt werden. Wählen Sie „Füllen“, um den Frame zu füllen und die Ränder abzuschneiden. „Strecken“ entfernt die Balken, verzerrt aber das Bild. Um die Gesamtform zu ändern, verschieben Sie ein Bild der richtigen Form mit „Nach oben“ an den Anfang und klicken Sie auf „Erneut kodieren“.
- Es erscheint „Bilder oder Einstellungen haben sich geändert — codieren Sie erneut, um das GIF zu aktualisieren.“
- Sie haben nach der Erstellung des GIFs eine Einstellung geändert, die Frames umgeordnet oder eine Frame-Verzögerung geändert. Die Vorschau und die Schaltfläche „Herunterladen“ halten noch das alte GIF, ein Download liefert jetzt also die alte Animation. Klicken Sie auf „Erneut kodieren“, um ein neues zu erstellen. Das Hinzufügen oder Entfernen eines Frames löscht das alte GIF stattdessen, sodass Sie dann diesen Hinweis nicht sehen.
- Die GIF-Datei ist mehrere Megabyte groß.
- Die Größe ergibt sich aus der Frame-Zahl, der Breite und der Einstellung „Qualität“. Senken Sie zuerst die „Ausgabebreite“ (480 ist der Startwert), schieben Sie dann „Qualität“ Richtung 30 und verwenden Sie dann weniger Frames. Ein GIF, das Sie bereits haben, kann der GIF-Kompressor auf dieser Website verkleinern.
Wie es im Vergleich abschneidet
Dieses Tool baut ein animiertes GIF nur aus Standbildern. Für einen Clip verwenden Sie Video zu GIF. Es hat einen Regler „Qualität“, eine Breite und eine Frame-Verzögerung, aber keine Einstellungen für Palette, Dithering oder Optimierung. Jeder Frame wird auf die Hintergrundfarbe gemalt, Transparenz bleibt also nicht erhalten. Es kann in einem Frame nicht zeichnen, schneiden oder bearbeiten, und eine Beschriftung ist eine Textzeile auf allen Frames. Ein Animationsprogramm für den Desktop bietet feinere Kontrolle über Palette und Dateigröße. GIFs sind groß für das, was sie zeigen, der GIF-Kompressor kann also danach helfen. Dafür muss nichts installiert werden, und die Bilder werden in Ihrem Browser kodiert.
Ähnliche Tools
Foto-Diashow-Ersteller
Verwandeln Sie Fotos in eine MP4-Diashow mit Musik, Überblendungen und einem langsamen Zoom. 16:9, 9:16 oder quadratisch, bis zu 1080p. Erstellt in Ihrem Browser; Ihre Fotos werden nicht hochgeladen.
Bilder zusammenfügen — mehrere Bilder zu einem kombinieren
Fügen Sie Fotos oder Screenshots zu einem Bild zusammen: untereinander, nebeneinander oder als Raster, ohne Zuschnitt. Breiten angleichen, Abstände, Rahmen und Hintergrund festlegen und als JPG, PNG oder WebP speichern. Läuft in Ihrem Browser; nichts wird hochgeladen.
PDF zu Bild (JPG, PNG, WebP)
Konvertieren Sie jede Seite eines PDFs in JPG-, PNG- oder WebP-Bilder in Ihrer gewählten Auflösung. Seiten einzeln oder alle zusammen als ZIP herunterladen. Dateien verlassen Ihren Browser nicht.