Skip to main content

GIF-Maker

Mehrere Bilder mit benutzerdefinierter Frame-Verzögerung in ein animiertes GIF umwandeln.

Geprüft von · Zuletzt geprüft

Was Sie wissen sollten

Ein GIF-Maker kombiniert mehrere Einzelbilder zu einem animierten GIF. Bilder hinzufügen, Reihenfolge festlegen, Verzögerung zwischen Frames einstellen, Ausgabegröße wählen - die Animation wird vollständig im Browser kodiert. Deine Fotos werden nie hochgeladen. Das Ergebnis wird endlos wiederholt, enthält kein Wasserzeichen und lässt sich als Standard-GIF herunterladen, das in Chats, README-Dateien und überall dort funktioniert, wo Bilder akzeptiert werden.

Läuft zu 100 % in deinem Browser - deine Daten verlassen dein Gerät nicht

Drop images here or click to upload

JPG, PNG, WebP, BMP. Up to 50 frames, 20 MB each. Everything stays in your browser.
Rate this tool
Be the first to rate

Den GIF-Maker verwenden

  1. Bilder hinzufügen - JPG, PNG, WebP, BMP oder einzelne Frames aus anderen GIFs. Mehrere gleichzeitig auswählen oder in Batches hinzufügen, bis zu 50 Frames.
  2. Reihenfolge anpassen mit den Auf- und Ab-Schaltflächen; die Listenreihenfolge entspricht der Wiedergabereihenfolge. Nicht benötigte Frames entfernen.
  3. Frame-Verzögerung einstellen in Millisekunden (500 ms ist ein angenehmes Diaschau-Tempo) und eine maximale Ausgabegröße wählen.
  4. Auf GIF erstellen klicken, den Frame-für-Frame-Fortschritt beobachten, das Ergebnis in der Vorschau ansehen und herunterladen.

Was im Hintergrund passiert

Jeder Frame wird auf eine Leinwand gezeichnet, deren Größe vom Seitenverhältnis des ersten Bildes bestimmt wird und durch die gewählte Dimension begrenzt ist. Die Canvas-Pixel werden auf eine 256-Farben-Palette quantisiert - die harte Grenze des GIF-Formats - mittels paarweisem Nächste-Nachbar-Quantisierer auf Palettenindizes abgebildet und mit der eingestellten Verzögerung sowie einem Endlosschleifenflag in den GIF-Datenstrom geschrieben. Der Encoder gibt zwischen den Frames die Kontrolle an den Browser zurück, damit die Seite reaktionsfähig bleibt und der Fortschrittsanzeiger aktualisiert werden kann. Die fertigen Bytes werden zu einem Blob, den du direkt herunterlädst; es wird nichts übertragen.

Sinnvolle Einsatzmöglichkeiten für ein bildbasiertes GIF

  • Eine Folge von UI-Screenshots in eine kurze Produktdemo für eine README-Datei oder einen Pull Request umwandeln.
  • Ein Vorher/Nachher-Paar (zwei Frames, 800 ms Verzögerung) für Design-Reviews animieren.
  • Eine Fotodiaschau für einen Chat erstellen, in dem Video-Embeds umständlich sind, GIFs aber automatisch abspielen.
  • Sprite-Renders oder Diagramm-Snapshots zu einer schnellen Bewegungsvorschau zusammenstellen.

Wichtige Einschränkungen

  • 256 Farben pro Frame - GIF-inhärent; Flachgrafiken sehen perfekt aus, Fotos zeigen Bänderungen.
  • Dateigröße wächst schnell - GIF ist nach modernen Standards ein ineffizientes Format. Wenn die Ausgabe zu groß ist, die maximale Größe oder die Frame-Anzahl reduzieren oder die Video-Tools für ein MP4 verwenden.
  • Unterschiedliche Abmessungen sind kein Problem - Frames werden mit einem weißen Hintergrund auf das Seitenverhältnis des ersten Frames skaliert.

Häufig gestellte Fragen

Werden meine Bilder auf einen Server hochgeladen?

Nein. Die Frames werden über lokale Objekt-URLs eingelesen, auf einem In-Memory-Canvas gezeichnet und von einem JavaScript-Encoder direkt im Browser-Tab zu einem GIF kodiert. Es gibt keinen Upload, keine Warteschlange und keine serverseitige Kopie deiner Bilder - der Netzwerk-Tab in den DevTools bleibt während der Kodierung still. Das unterscheidet dieses Tool vom Video-zu-GIF-Konverter, der einen Server benötigt, weil die Video-Dekodierung FFmpeg erfordert.

Worin unterscheidet sich das Tool vom Video-zu-GIF-Konverter?

Dieses Tool beginnt mit Einzelbildern (Fotos, Screenshots, gerenderte Frames) und animiert sie. Der Video-zu-GIF-Konverter hingegen beginnt mit einer Videodatei und extrahiert die Frames auf unserem Server, da Browser nicht alle Videocodecs zuverlässig dekodieren können. Wenn deine Quelle ein Satz von Bildern ist, verwende dieses Tool - dann verlässt nichts dein Gerät.

Welche Frame-Verzögerung sollte ich verwenden?

Die Verzögerung gibt an, wie lange jeder Frame auf dem Bildschirm zu sehen ist, in Millisekunden. Für einen Diaschau-Effekt eignen sich 500-1000 ms. Für flüssige Bewegung bei einer Fotoserie empfehlen sich 50-100 ms. Hinweis: Browser begrenzen sehr kleine Werte - Verzögerungen unter ca. 20 ms werden von den meisten Browsern als etwa 100 ms gerendert. Das Tool erzwingt daher ein Minimum von 20 ms.

Warum wirkt mein GIF körnig im Vergleich zu den Originalfotos?

Das GIF-Format ist auf 256 Farben pro Frame begrenzt. Der Encoder erstellt für jeden Frame eine optimierte Palette mittels paarweiser Nächste-Nachbar-Quantisierung, die bei Screenshots, Diagrammen und Flachgrafiken gut funktioniert, bei glatten fotografischen Verläufen jedoch sichtbare Bänderungen erzeugt. Für animationsreiche Fotos bewahrt ein Videoformat wie MP4 oder WebM die Qualität bei einem Bruchteil der Dateigröße.

Gibt es ein Wasserzeichen oder eine Frame-Begrenzung?

Kein Wasserzeichen, niemals. Das Tool akzeptiert bis zu 50 Frames bei bis zu 20 MB pro Bild. Die praktische Grenze ist die Dateigröße: Ein 50-Frame-GIF bei 800 px kann mehrere zehn Megabyte erreichen, also mit 480 px beginnen und die Größe nur erhöhen, wenn mehr Detail benötigt wird.

Müssen alle Frames die gleiche Größe haben?

Nein. Die Ausgabe-Leinwand übernimmt das Seitenverhältnis des ersten Frames, begrenzt auf die gewählte Maximalgröße. Alle anderen Frames werden skaliert, um in diese Leinwand zu passen, zentriert, mit weißem Hintergrund für freien Raum. Für das beste Ergebnis die Bilder vorher auf dasselbe Seitenverhältnis zuschneiden - unser Bild-Zuschneidewerkzeug erledigt das in wenigen Klicks.

Verwandte Tools

Mehr Image Tools

Base64 to Image Converter

Decode a Base64 string or data URL back into a viewable image and download it as PNG, JPG, WebP or GIF. Runs in your browser.

Open tool

Favicon Generator

Generate favicons in all standard sizes (16x16 to 512x512) for websites and PWAs.

Open tool

Image Blur & Pixelate

Apply blur or pixelation effects to images with adjustable intensity.

Open tool

Image Color Picker

Upload an image and pick colors in HEX, RGB, and HSL with a visual color history.

Open tool

Image Compressor

Compress images by adjusting quality to reduce file size without losing visual clarity.

Open tool

Image Cropper

Crop images with preset aspect ratios like 1:1, 16:9, and 4:3 using a visual editor.

Open tool
ZeroUtil unterstützen