GIF Suite: Kostenloses GIF-Toolkit, alles in einem

Was ist die GIF Suite?

Die GIF Suite ist ein Toolkit mit sechs Tabs für die Arbeit mit animierten GIFs: einen Clip aus einem Video schneiden, Designframes zu einer Animation zusammensetzen, ein altes GIF in MP4 umwandeln, Frames aus einem GIF herausziehen und ein zu großes GIF auf eine sinnvolle Größe quetschen. Ich habe es gebaut, weil ich für ein einzelnes Slack-Reaktions-GIF immer drei verschiedene Tabs offen hatte. Alles läuft lokal über FFmpeg WASM, sodass eine 200 MB große Bildschirmaufnahme auf deinem Laptop bleibt, während die Suite sich durchkaut.

Hauptfunktionen

• Video zu GIF mit zweistufigem Palette-Encoding — führt zuerst palettegen für eine optimale Palette aus, dann paletteuse mit dem gewählten Dither für die finale Kodierung. Das Ergebnis ist deutlich sauberer als bei einstufigen Tools, besonders bei Verläufen und Hauttönen.
• Framerate-, Segment- und Breitensteuerung — wähle Start- und Endzeit auf 0,1 Sekunden genau, von 5 bis 30 FPS, und stelle die Ausgabebreite auf einem Schieberegler von 160 bis 1280 px in 40-px-Schritten ein. Die Höhe skaliert automatisch mit Lanczos-Resampling.
• GIF Maker für Bildsequenzen — lege PNG-, JPG- oder WebP-Frames (bis zu 50) ab, ordne sie mit Auf-/Ab-Pfeilen neu an und setze die Frame-Dauer in Millisekunden. Der "Apply to All"-Button überträgt die Standard-Verzögerung auf jeden Frame.
• GIF zu Video — konvertiere jedes GIF in MP4 oder WebM in Low (CRF 30), Medium (CRF 23) oder High (CRF 18) Qualität, mit konfigurierbarer Loop-Anzahl für das Quell-GIF vor dem Encoding.
• GIF zu Bildern Extraktion — ziehe jeden Frame aus einem GIF als PNG, JPG oder WebP, mit optionaler Frame-Bereichsauswahl. Derselbe Tab erzeugt aus den extrahierten Frames ein Sprite-Sheet mit anpassbarer Spaltenzahl.
• Optimierer für übergroße GIFs — kombiniere Farbreduktion (16-256), verlustbehaftete Kompression (0-200), Frame-Skipping und Resize in einem Durchgang. Das Ergebnisfeld zeigt Originalgröße, optimierte Größe und Einsparung in Prozent nebeneinander.
• Dithering-Tab für statische Bilder — wende Floyd-Steinberg, Atkinson, Bayer oder Quantisierung ohne Dither mit 4-256 Farben an und lade als PNG herunter. Nützlich, um vor einem vollen GIF-Encode zu sehen, was ein Algorithmus tut.
• Batch-Modus auf den schweren Tabs — Video zu GIF, GIF zu Bildern und Optimierer unterstützen alle Multi-File-Batch-Verarbeitung mit einem einzigen ZIP-Download am Ende.
• Dateien bis 500 MB — Video-Inputs bis 500 MB; GIF-Inputs bis 100 MB; einzelne Bilder bis 50 MB.

So nutzt du die GIF Suite

Schritt 1: Wähle einen Tab

Sechs Tabs sitzen oben: Video to GIF, GIF Maker, GIF to Video, GIF to Images, Optimizer und Dither. Jeder ist ein eigenständiges Werkzeug — Steuerelemente und Dropzone wechseln mit dem Tab. Der häufigste Startpunkt ist Video to GIF.

Schritt 2: Video zu GIF — Trimmen und konfigurieren

Ziehe ein Video in die Dropzone (MP4, WebM, MOV, AVI, MKV werden alle akzeptiert). Die Videovorschau erscheint mit Frame-Steuerelementen. Tippe Start Time und End Time in Sekunden — beide nehmen Dezimalstellen bis 0,1. Unter den Eingaben aktualisiert sich das Duration-Label und zeigt die gewählte Segmentlänge.

Die GIF-Settings-Karte hat die wichtigsten Steuerelemente:

• Frame Rate — Dropdown mit 5, 10, 15, 20, 24 und 30 FPS. 15 FPS ist der Sweet Spot für Reaktions-GIFs.
• Width — Schieberegler von 160 bis 1280 px. 480 px ist ein guter Standard für Chat-Clients.
• Colors — Schieberegler von 16 bis 256 in 16er-Schritten. 128 ist bei GIF-Auflösungen meist nicht von 256 zu unterscheiden.
• Loop forever / Play once — Checkbox unter dem Farb-Schieberegler.

Klicke Create GIF. Zwei FFmpeg-Durchläufe laufen, das Ergebnis erscheint in einer Vorschau mit Dateiname und Größe, und Download speichert es auf deinem Computer.

Schritt 3: GIF Maker — Frames zusammensetzen

Wechsle zu GIF Maker. Lege zwei oder mehr Bilder ab. Jeder Frame wird zu einer Karte mit Thumbnail, Original-Dateiname, Verzögerungseingabe in Millisekunden und Auf-/Ab-Chevrons zur Neuanordnung. Das Standard-Verzögerungsfeld oben plus der Apply to All-Button setzen eine einheitliche Verzögerung über alle Frames. Stelle die Ausgabe-Width mit dem Schieberegler ein und klicke dann Create GIF from Images. Bei weniger als 2 Frames weigert sich das Tool und zeigt den Toast "Add at least 2 images to create a GIF".

Schritt 4: GIF zu Video — Alte GIFs modernisieren

Der GIF to Video-Tab ist für GIFs, die zu schwer für ihren Einsatz sind — eine Hero-Animation auf einer Marketing-Seite, ein In-App-Tutorial. Lade eine .gif-Datei hoch, wähle MP4 oder WebM, setze den Loop Count (1-100, wiederholt die Quelle vor dem Encoding) und wähle Low, Medium oder High Qualität. Convert to Video erzeugt ein Video, das typischerweise 5-10x kleiner ist als das Quell-GIF.

Schritt 5: Optimierer — Übergroßes GIF schrumpfen

Für ein GIF, das zu groß für eine README oder E-Mail ist, lege es im Optimizer-Tab ab und stelle ein:

• Compression Level (0-200) — höhere Werte dithern aggressiver. 80 ist ein vernünftiger Startpunkt.
• Max Colors (16-256) — gehe zuerst von 256 auf 128; der visuelle Unterschied ist bei GIF-Auflösungen meist unsichtbar.
• Remove Frames — Checkbox aktiviert einen "keep every Nth frame"-Slider (2-10).
• Resize GIF — Checkbox aktiviert einen Breiten-Slider (100-800 px).

Klicke Optimize GIF. Das Ergebnis-Panel zeigt drei Zahlen nebeneinander: Original size, Optimized size und Savings-Prozent.

Für Frame-Extraktion oder Sprite-Sheet-Output folgt der GIF to Images-Tab demselben Upload-Muster, gibt aber eine Liste von Frame-Thumbnails (jeder einzeln herunterladbar), einen Download All (ZIP)-Button und ein optionales Generate Sprite Sheet mit anpassbarer Spaltenzahl aus.

Praktische Beispiele

Reaktions-GIF aus einem Filmclip

Ein 90-Sekunden-Videoclip hat eine 2,5-Sekunden-Reaktion in der Mitte. Öffne Video to GIF, setze Start Time 42.0 und End Time 44.5, wähle 15 FPS, Breite 480 px, 128 Farben, Dithering an (das Bayer-Standard). Der zweistufige Palette-Encode erzeugt ein sauberes GIF um 1,5 MB — klein genug, um es ohne Warnungen in Slack oder Discord abzulegen.

Loading-Spinner aus Designframes

Eine Designerin gibt dir 12 PNG-Frames in 200x200 einer eigenen Loading-Animation. Öffne GIF Maker, lade alle 12 hoch, tippe 80 in das Standard-Verzögerungsfeld (das ergibt eine 12,5-FPS-Animation), klicke Apply to All, setze die Breite auf 200 px, klicke Create GIF from Images. Das Ergebnis ist ein frame-perfektes Loading-GIF, das direkt in eine Webseite oder einen In-App-Loader passt.

Bildschirmaufnahme-GIF für eine README schrumpfen

Ein Bildschirmaufnahme-GIF in einer GitHub-README hat 8 MB und deine Repo-Doku-Seite ist dadurch langsam. Öffne Optimizer, lade das GIF hoch, setze Max Colors auf 128, Compression Level auf 80, aktiviere Resize bei 640 px Breite. Die Ausgabe ist typischerweise 60-80 % kleiner und in Doku-Größe noch lesbar. Wenn du auch ein MP4 für eine Marketing-Seite brauchst, lass das Original-GIF durch GIF to Video in Medium-Qualität laufen für ein separates 1-2 MB MP4.

Tipps und bewährte Praktiken

Halte Video-Segmente kurz. GIFs in 15 FPS und 480 px Breite belegen etwa 1-3 MB pro Sekunde. Ein 5-Sekunden-Clip ist komfortabel; 15 Sekunden werden schnell unhandlich. Wenn du etwas Längeres brauchst, ist der GIF to Video-Tab fast immer die bessere Antwort als ein riesiges GIF.

Schneide Farbtiefe vor Qualität. Im Optimizer spart das Senken von Max Colors von 256 auf 128 meist 30-40 % ohne sichtbaren Qualitätsunterschied. Erhöhe Compression Level erst, wenn Farbreduktion nicht mehr zahlt — hohe Kompressionswerte erzeugen sichtbare Dithering-Artefakte auf flachen Flächen.

Deaktiviere Dithering für Pixel-Art. Dithering hilft fotografischen Inhalten und Verläufen, fügt aber sauberer Pixel-Art und flachfarbigen Illustrationen Rauschen hinzu. Im Video to GIF-Tab setze Dither Algorithm auf None für solche Inputs.

Nutze den Dithering-Tab als Vorschau-Labor. Bevor du einen vollen Video-zu-GIF-Encode eines langen Clips startest, lege einen repräsentativen Frame in den Dither-Tab und probiere die Algorithmen. Floyd-Steinberg sieht auf Fotos am glattesten aus; Bayer ist deterministischer und schneller.

Zwei Frames sind das Minimum für GIF Maker. Ein einzelnes Bild ist keine Animation. Das Tool weigert sich und toastet dich. Lege mindestens 2 Bilder ab.

Häufige Probleme und Fehlerbehebung

"Add at least 2 images to create a GIF" — der GIF Maker-Tab braucht zwei oder mehr Frames für eine Animation. Füge ein weiteres Bild hinzu.

Ausgabe-GIF ist riesig. Drei Stellschrauben verstärken sich: Segmentlänge, FPS und Breite. Reduziere eine nach der anderen. 30 FPS auf 15 FPS halbiert die Frame-Anzahl; 1280 auf 640 px viertelt Pixel pro Frame. Reduziere nicht alle drei auf einmal, sonst überschießt du.

Palettegenerierung scheitert bei bestimmten Videos. Manche Videodateien mit ungewöhnlichen Farbräumen oder Codec-Eigenheiten bringen palettegen zu seltsamen Ergebnissen. Lass die Quelle erst durch den Demnächst verfügbar: Video Converter zu MP4 laufen und bring dann das konvertierte MP4 in Video to GIF.

GIF zu Video sieht pixelig aus. GIFs sind auf 256 Farben begrenzt, also erbt jedes aus einem GIF erzeugte Video diese Palettengrenze. Die Ausgabe ist treu zum GIF, sieht aber nicht wie natives Video aus. Wenn du Zugriff auf die Original-Videoquelle hast, konvertiere die direkt mit dem Video Converter für ein saubereres Ergebnis.

Optimierer zeigt 0 % Einsparung. Der Input ist schon aggressiv optimiert oder deine Einstellungen sind nicht aggressiv genug. Versuche einen niedrigeren Max Colors-Wert oder erhöhe Compression Level. Zweistufiges Re-Encoding hat festen Overhead, sodass ein winziger Input gelegentlich ein paar Bytes größer rauskommt.

Tab-Wechsel setzt meine Arbeit zurück. Jeder Tab hält seinen eigenen Zustand, also bewahrt das Wegklicken und Zurückkehren laufende Arbeit, aber ein Hard-Refresh löscht alles. Nutze das Presets-Panel unter dem Tool, um Einstellungen zu speichern.

Datenschutz und Sicherheit

Die GIF Suite verarbeitet alles lokal im Browser über FFmpeg WASM. Keine Video-, Bild- oder GIF-Daten werden irgendwohin hochgeladen. Beim ersten Nutzen eines Tabs lädt FFmpeg WASM in deinen Browser-Cache (etwa 31 MB); danach läuft das Tool offline in derselben Browser-Sitzung. Sensibles Material — interne Demos, Entwurfs-Animationen, alles, was nicht geteilt werden soll — bleibt auf deinem Gerät.

Häufig gestellte Fragen

Warum braucht Video to GIF zwei FFmpeg-Durchläufe?

Zweistufiges Palette-Encoding erzeugt deutlich bessere GIFs. Der erste Durchlauf scannt das Video und baut eine optimale Palette für deinen Inhalt. Der zweite rendert das GIF mit dieser Palette und deinem gewählten Dithering, was Color Banding gegenüber Single-Pass-Encodes mit generischer Palette reduziert.

Welche Framerate sollte ich nutzen?

10-15 FPS ist Standard für Reaktions-GIFs und Web-Animationen. 24 FPS approximiert Filmqualität, verdoppelt aber etwa die Dateigröße gegenüber 12 FPS. 5 FPS reicht für langsame Inhalte wie Zeitraffer. Wähle die niedrigste Rate, die für deinen Clip noch flüssig aussieht.

Wie viele Bilder kann ich in den GIF Maker laden?

Bis zu 50 Bilder pro Sitzung in PNG, JPG oder WebP. Jedes einzelne Bild kann bis zu 50 MB groß sein.

Was ist der Unterschied zwischen Compression Level und Max Colors im Optimierer?

Max Colors reduziert die Palettengröße direkt, was die Datei proportional schrumpft und bei den meisten Inhalten bis etwa 128 Farben visuell unsichtbar ist. Compression Level (0-200) steuert die Dithering-Aggressivität beim Palette-Remapping — höhere Werte tauschen sichtbares Dithering gegen kleinere Dateien. Nutze zuerst Max Colors; greife zu Compression Level, wenn Farbreduktion stockt.

Kann ich ein GIF beim Konvertieren zu Video mehrfach loopen?

Ja. Der GIF to Video-Tab hat ein Loop Count-Feld (1-100). Das Tool nutzt FFmpegs -stream_loop, um die Eingabe vor dem Encoding so oft zu wiederholen, sodass ein 2-Sekunden-GIF, fünfmal geloopt, ein 10-Sekunden-Video ergibt.

Welche Dither-Algorithmen sind im statischen Dithering-Tab?

Vier: None (nur Quantisierung), Floyd-Steinberg (glattes Error-Diffusion, am besten für Fotos), Atkinson (leichteres Error-Diffusion, bekannt vom klassischen Macintosh) und Ordered/Bayer 4x4 (schnell, deterministisches Muster). Ausgabe ist PNG. Der Dithering-Tab arbeitet auf einem einzelnen statischen Bild; nutze Video to GIF oder GIF Maker für animiertes Dithering.

Was ist die maximale GIF-Dateigröße für den Optimierer?

100 MB. Sehr große GIFs können eine Minute oder länger dauern, weil jeder Frame dekodiert, neu quantisiert und neu kodiert wird.

Hat der Sprite-Sheet-Generator eine Größenbegrenzung?

Ja. Das Tool warnt und stoppt, wenn das berechnete Sprite-Sheet sichere Canvas-Dimensionen überschreiten würde, mit einem Toast, der weniger Spalten vorschlägt. Bei großen GIFs reduziere die Spaltenzahl oder extrahiere Frames zuerst und setze sie manuell zusammen.

Verwandte Tools

• Demnächst verfügbar: Video-Konverter — konvertiere Quellvideo zu sauberem MP4, bevor du es durch Video to GIF schickst, besonders für ungewöhnliche Codecs.
• Demnächst verfügbar: Video-Trimmer — für feinere Trim-Kontrolle bei einem langen Quellvideo, bevor du es in die GIF Suite bringst.
• Demnächst verfügbar: Bild-Kompressor — komprimiere PNG- oder JPG-Frames vor, bevor du sie in den GIF Maker lädst, für kleinere Ausgaben.
• Demnächst verfügbar: Video-Kompressor — wenn die GIF to Video-Ausgabe immer noch zu groß ist, lege das Ergebnis hier für eine zweite Kompressionsrunde ab.

Probiere GIF Suite jetzt: Demnächst verfügbar: GIF Suite