GIF Maker

Quellen hinzufügen, Format und Tempo festlegen, Vorschau prüfen und exportieren.

1. 1Fotos, Clips oder ein GIF hinzufügen: Lege JPG-, PNG-, WebP- oder AVIF-Bilder, MP4-, WebM- oder MOV-Clips oder ein vorhandenes animiertes GIF ab, dessen Frames du weiterverwenden willst.
2. 2Jeden Clip zuschneiden: Jede Videoquelle bekommt eigenen Start- und Endpunkt, damit nur die gewünschten Sekunden zu Frames werden.
3. 3Reihenfolge und Timing festlegen: Quellen nach oben oder unten schieben, Bildrate wählen und das Ausgabeformat bestimmen, in das jeder Frame eingepasst wird.
4. 4Vorschau ansehen: Die Vorschau spielt genau die Frames ab, die exportiert werden, mit genau den Verzögerungen – so wird das Timing vor der Kodierung geprüft, nicht danach.
5. 5Exportieren: Lade die .gif-Datei herunter oder nimm alle Frames als PNG-Dateien in einem einzigen Archiv mit.

Ein GIF läuft überall dort, wo ein Bild läuft: im Chatfenster, im Pull-Request-Kommentar, in einer E-Mail, in Dokumentation ohne Player. Es loopt ohne Klick und braucht keine Bedienelemente. Diese Reichweite ist der Grund, seine Grenzen zu akzeptieren – 256 Farben pro Frame und kein Ton.

Was dieser Maker kann

• Gemischte Quellen: Fotos, zugeschnittene Videoclips und ein vorhandenes animiertes GIF speisen dieselbe Animation, in der Reihenfolge, die du festlegst.
• Echtes Zuschneiden: jeder Clip hat eigenen Start- und Endpunkt, sodass drei Sekunden aus einer zweiminütigen Aufnahme auch nur drei Sekunden Frames kosten.
• Sichtbares Timing: die Vorschau spielt die Frames, die exportiert werden, mit den Verzögerungen, die geschrieben werden.
• Kleinere Dateien: Frames speichern nur die Pixel, die sich seit dem vorherigen Frame geändert haben – dort steckt normalerweise das meiste Gewicht eines GIFs.
• Nichts verlässt das Gerät: die Dateien werden dort gelesen, dekodiert und kodiert, wo sie schon liegen.

GIF ist ein Palettenformat: jeder Frame wird auf höchstens 256 Farben aus einer Tabelle reduziert, und diese Palettenindizes werden anschließend komprimiert. Alles, was ein GIF gut oder schlecht aussehen lässt, passiert bei dieser Reduktion.

Die Pipeline Schritt für Schritt

• Abtastung: Clips werden einmal vorwärts dekodiert, Frames werden mit deiner Bildrate zwischen Start- und Endpunkt entnommen.
• Einpassen: jeder Frame wird in ein Ausgabeformat gezeichnet – mit Balken, beschnitten oder gestreckt, je nach Wahl.
• Palette: Farben werden über Frames aus der gesamten Animation gezählt, nicht nur aus dem ersten Frame, damit auch spät auftretende Farben vertreten sind.
• Zuordnung: jedes Pixel bekommt den nächstliegenden Paletteneintrag, hardwarebeschleunigt, wo das Gerät es erlaubt.
• Differenzbildung: ein Frame speichert nur seinen geänderten Bereich und markiert unveränderte Pixel als durchsichtig, sodass der Frame darunter sichtbar bleibt.
• Packen: die Indizes werden komprimiert und mit Verzögerungen und Loop-Anzahl in eine .gif-Datei geschrieben.

Das Gewicht eines GIFs ergibt sich aus Pixeln × Frames × Farbkomplexität, in dieser Reihenfolge. Halbe Breite bedeutet ein Viertel der Pixel; halbe Bildrate bedeutet halb so viele Frames. Beides wirkt weit stärker als jeder Qualitätsregler.

• Ausgabegröße: der mit Abstand stärkste Hebel. 480px Breite reicht für ein Chatfenster völlig.
• Bildrate: 8–12 fps wirken bei Bildschirmaufnahmen und Produktloops flüssig. Über 15 fps zahlst du für Bewegung, die die meisten nicht bemerken.
• Farben: flache Grafiken, Screenshots und UI-Aufnahmen sehen oft bei 64 Farben identisch aus und wiegen einen Bruchteil.
• Zuschnitt: kürzer ist kleiner, exakt proportional. Zwei Sekunden zu kürzen spart mehr als jede andere Einstellung auf dieser Seite.
• Ähnlichkeitstoleranz: lässt fast identische Pixel als unverändert gelten, sodass rauschendes Video wie sauberes komprimiert.

Clips werden in einem einzigen Vorwärtsdurchlauf dekodiert statt Frame für Frame angesprungen. Deshalb kostet eine lange Quelle pro Frame ungefähr so viel wie eine kurze statt ein Vielfaches.

• Erst zuschneiden, dann Bildrate: das Frame-Budget verteilt sich auf das behaltene Fenster – ein engerer Zuschnitt kauft flüssigere Bewegung ohne Mehrgröße.
• Hochformat-Clips: wähle das 9:16-Ausgabeformat, damit der Frame gefüllt statt in ein Querformat eingebettet wird.
• Bildschirmaufnahmen: wenige Farben und große unveränderte Flächen – Farbanzahl senken und die Differenzbildung den Rest machen lassen.
• Ton: GIF hat keinen. Wenn der Ton wichtig ist, sollte der Clip ein Video bleiben.

Alles in der Einstellungsleiste verändert die exportierten Bytes, und jede Änderung markiert ein fertiges GIF als veraltet, statt es aktuell wirken zu lassen.

• Ausgabeformat: quadratisch, quer, hoch, klassisch – oder den Quellen folgend.
• In den Rahmen skalieren: einpassen mit Balken, füllen und beschneiden oder auf die Box strecken.
• Balkenfüllung: was die Ränder füllt – Weiß, Schwarz, eine eigene Farbe oder durchsichtig.
• Dithering: aus für flache Grafiken, geordnet für schnelle gleichmäßige Textur, gestreut für die weichsten Verläufe.
• Loop-Anzahl: endlos oder eine feste Anzahl Durchläufe.
• Überblendung: eine Blende von einer Quelle zur nächsten, für Diashows.
• Untertitel: eine Textzeile, in die Frames einer Quelle eingebrannt, als Anteil des Ausgabeformats positioniert und daher bei jeder Exportgröße an derselben Stelle.

Kurz, stumm, loopend und dort eingebettet, wo ein Videoplayer unpraktisch oder nicht verfügbar ist.

Gute Einsätze

• Fehlerberichte: eine fünfsekündige Bildschirmaufnahme, die direkt im Ticket läuft.
• Dokumentation: einen Klickpfad zeigen, ohne ein Video zu hosten.
• Chat und E-Mail: Reaktionen und Produktloops, die überall automatisch laufen.
• Shops und Anzeigen: eine kurze Drehung oder ein Vorher-Nachher im Bildplatz.
• Diashows: eine Handvoll Fotos mit Überblendung dazwischen.

Wann etwas anderes besser ist

• Alles mit Ton – ein GIF kann keine Tonspur tragen.
• Lange oder hochauflösende Aufnahmen – MP4 oder WebM sind kleiner und schärfer.
• Fotografische Verläufe, in denen keine Streifen sichtbar sein dürfen – 256 Farben sind die Grenze des Formats, keine Einstellung.
• Exakte Farbwiedergabe – ein PNG behält jede Farbe, die ein GIF verwerfen muss.

Setze zuerst Größe und Zuschnitt; sie entscheiden das meiste. Danach die Bildrate anpassen, bis die Bewegung stimmt, und erst dann Farben und Dithering anfassen.

• Bei 480–640px Breite anfangen und kleiner gehen, falls die Datei noch schwer ist.
• Erst 10 fps versuchen und nur erhöhen, wenn die Bewegung sichtbar ruckelt.
• Bei Screenshots und flachen Grafiken zuerst die Farbanzahl senken.
• Einen ganzen Loop in der Vorschau ansehen – Timingprobleme zeigen sich an der Naht zwischen letztem und erstem Frame.
• Für eine Diashow jedem Foto eine längere Verzögerung geben als einem Videoclip.

Die Palettenzuordnung läuft auf der Grafikhardware deines Geräts, wo sie verfügbar ist, und fällt sonst auf einen langsameren Weg zurück, der exakt dieselben Pixel liefert.

• GIF Editor
• Collagen-Maker
• Bilder zusammenfügen
• Video zu GIF
• Bilder komprimieren