GIF-Umkehrer

Spiele ein animiertes GIF rückwärts ab, mache einen Bumerang daraus oder kehre nur einen Abschnitt um — mit gespiegelten statt neu geschriebenen Zeiten.

1. 1

   GIF hinzufügen

   Ziehe ein animiertes GIF auf den Ablagebereich oder klicke, um zu suchen. Animiertes WebP und APNG lassen sich ebenfalls öffnen. Die Datei wird auf deinem Gerät gelesen und nirgendwohin hochgeladen.

2. 2

   Rückwärts oder Bumerang wählen

   Umkehren spielt die Animation vom letzten zum ersten Bild. Bumerang spielt sie vorwärts und wieder zurück zum Anfang und lässt die beiden Wendebilder weg, damit kein Bild zweimal hintereinander erscheint.

3. 3

   Alles umkehren oder nur einen Bereich

   Standardmäßig wird die ganze Animation gedreht. Wechsle auf einen Bereich und gib ein erstes und letztes Bild an, um nur diesen Abschnitt umzukehren — alles außerhalb behält Platz und Reihenfolge.

4. 4

   Umgekehrtes GIF herunterladen

   Drücke Herunterladen. Wenn die Quelle es erlaubt, sagt das Panel, dass die Bilder kopiert statt neu gezeichnet wurden: Farbtabellen, komprimierte Bilddaten und Transparenz sind die Bytes, die hineingingen.

Eine umgekehrte Animation ist nicht bloß eine Spielerei. Einen Clip rückwärts laufen zu lassen macht aus einem harten Schnitt eine Schleife, aus einem Aufbau eine Enthüllung und aus einer fünf Bilder langen Reaktion etwas, das endlos ohne sichtbare Naht läuft. Es ist außerdem der schnellste Weg zu prüfen, ob die Bewegung einer Animation klar lesbar ist, denn eine Bewegung, die nur in eine Richtung Sinn ergibt, hat meist ein Timing-Problem, das man übersehen hat.

Spiele ein animiertes GIF rückwärts ab, baue eine Bumerang-Schleife oder kehre nur einen Bildbereich um — jedes Bild behält seine eigene Verzögerung, damit sich die Zeiten exakt spiegeln.

Wo die Datei es erlaubt, werden die Bilder in der neuen Reihenfolge kopiert statt neu gezeichnet: Palette, komprimierte Bilddaten und Transparenz sind die Bytes, die hineingingen.

Was dieses Werkzeug tut und die Alternativen nicht

• Nichts wird neu gezeichnet, wo nichts neu gezeichnet werden muss. Die Bildreihenfolge ist eine Eigenschaft des Containers, nicht des Bildes. Wo die Datei es erlaubt, werden die komprimierten Bytes in der neuen Reihenfolge kopiert und alles andere unverändert übernommen.
• Die Zeiten spiegeln sich, sie ebnen sich nicht ein. Jedes Bild behält seine Verzögerung, also kommt eine Animation mit langem Halten am Ende mit langem Halten am Anfang zurück — genau das ist ein Spiegelbild.
• Differenzbilder werden erkannt, nicht ignoriert. Ein optimiertes GIF, dessen Bilder Flicken über ihren Vorgängern sind, wird zuerst zusammengesetzt. Diese Flicken direkt umzukehren erzeugt eine Datei, die sich öffnet und Unsinn zeigt.
• Bumerang ohne Stocken. Hin- und Rückweg teilen sich ihre Endpunkte, also sind Wende und Schleifenpunkt beide sauber.
• Ein Bereich, nicht nur das Ganze. Kehre die Bilder 12 bis 40 um und lass den Rest in Ruhe.
• Nichts wird hochgeladen. Die ganze Arbeit läuft auf deinem Gerät: keine Warteschlange, kein Aufbewahrungsfenster, keine Datei zum Löschen danach.

Eine GIF-Datei ist ein Kopf, eine Farbtabelle und danach eine Folge von Blöcken. Jedes Bild in dieser Folge ist eine in sich abgeschlossene Bytefolge: eine optionale Grafiksteuerungserweiterung mit Verzögerung und Entsorgungsmethode, ein Bilddeskriptor mit dem Rechteck, eine optionale eigene Farbtabelle und die komprimierten Bilddaten. Nichts in den Bytes eines Bildes verweist auf seine Position in der Datei. Die Animation umzukehren kann also genau das sein, wonach es klingt: diese Folgen nehmen, sie in umgekehrter Reihenfolge schreiben, alle anderen Bytes übernehmen, wie sie waren.

Was der schnelle Weg tatsächlich tut

• Die Blöcke durchlaufen. Die Datei wird einmal als Struktur durchlaufen — längenpräfixierte Blöcke, keine Dekompression — und dabei notiert, wo die Bytes jedes Bildes anfangen und enden.
• Prüfen, ob die Reihenfolge frei ist. Rechteck, Transparenzflagge und Entsorgungsmethode jedes Bildes werden gelesen. Das Umsortieren läuft nur, wenn jedes Bild nachweislich unabhängig vom vorherigen ist.
• Die Folgen in der neuen Reihenfolge kopieren. Die Ausgabe entsteht als Liste kopierter Bereiche aus der Eingabe; Kopf, globale Farbtabelle und Abschlussbyte bleiben genau dort, wo sie waren.
• Es hinterher beweisen. Die komprimierten Daten und die Verzögerung jedes Ausgabebildes werden Byte für Byte mit dem Quellbild verglichen, aus dem sie stammen. Diese Prüfung läuft bei jeder Umkehrung, weil die Garantie billig zu prüfen und teuer zu verlieren ist.

Die Invariante, die leicht schiefgeht

Eine Umkehrung darf weder die Gesamtdauer noch die Bildzahl noch die Zuordnung von Verzögerung zu Bild ändern. Die ersten beiden Punkte sind offensichtlich genug, dass die meisten Werkzeuge sie einhalten. Der dritte scheitert leise: Kehrt ein Werkzeug die Bilder um, lässt aber die Verzögerungsliste unangetastet, sind alle Zahlen noch da, die Summe stimmt noch, und die Animation ist falsch — die Pause, die auf dem letzten Bild lag, liegt nun auf dem ersten. Hier wird die Verzögerung aus den Bytes des Bildes selbst gelesen und wandert mit ihm, was das Spiegelbild durch Konstruktion exakt macht statt durch Arithmetik.

Die meisten GIFs, denen du begegnest, sind optimiert. Statt jedes Bild vollständig zu speichern, speichert ein Kodierer Bild zwölf als das kleine Rechteck von Pixeln, das sich seit Bild elf tatsächlich geändert hat, markiert die unveränderten Pixel als transparent und setzt eine Entsorgungsmethode, die dem Darsteller sagt, was vor dem nächsten Bild mit diesem Rechteck zu tun ist. Das spart enorm — auf einem statischen Hintergrund mit einem bewegten Quadrat kosten volle Bilder 122.414 Bytes und Unterschiede 7.064 — und deshalb ist eine naive Umkehrung gefährlich und nicht bloß unvollkommen.

Die drei Arten, wie ein umgekehrtes Bild falsch wird

• Ein Teilrechteck an der falschen Stelle. Ein Flicken ergibt nur über dem Bild Sinn, gegen das er berechnet wurde. Umgekehrt landet jeder Flicken auf der falschen Grundlage, und heraus kommt das bekannte verschmierte, halb gezeichnete Durcheinander, das Leute als beschädigtes GIF melden.
• Transparenz, die „behalte, was da war“ bedeutet. In einem Differenzbild heißt transparent nicht unsichtbar — es heißt, dass das Pixel des vorherigen Bildes noch stimmt. Kehrt man die Reihenfolge um, ist diese Aussage für jedes Bild falsch.
• Auf vorherigen Stand zurücksetzen, das keine Rückwärtsform hat. Entsorgungsmethode 3 ist ausschließlich über das definiert, was davor kam. Sie lässt sich durch eine Umkehrung nicht abbilden; die Animation muss zusammengesetzt und neu aufgebaut werden.

Wann Bilder bewegt werden dürfen und wann nicht

Die Regel, die dieses Werkzeug anwendet, wird geprüft und nie geraten. Bilder dürfen umsortiert werden, wenn jedes von ihnen die ganze Fläche bedeckt und vollständig undurchsichtig ist — denn dann überschreibt jedes Bild alles Vorherige, ganz gleich, was die Entsorgungsmethode sagt — oder wenn jedes die ganze Fläche bedeckt und vor dem nächsten auf den Hintergrund gelöscht wird, denn dann wird jedes gegen denselben leeren Grund gezeichnet. Alles andere, auch ein Erweiterungsblock zwischen zwei Bildern, schickt die Animation auf den Zusammensetzungsweg: Sie wird zu vollen Bildern dekodiert, umsortiert und mit frisch berechneten Unterschieden für die neue Reihenfolge neu kodiert. Das ist langsamer und quantisiert die Palette neu, und es ist die einzig richtige Antwort. Das Werkzeug nennt den gelaufenen Weg und, wenn es neu aufgebaut hat, den Grund.

Ein Bumerang spielt die Animation vorwärts und dann rückwärts, sodass das letzte Bild des Zyklus neben dem ersten liegt und die Schleife keine Naht hat. Genau deshalb greifen die meisten überhaupt zu einem Umkehrer, und genau hier geht die Arithmetik leise schief.

Die zwei doppelten Bilder, die niemand entfernt

• An der Wende. Der Hinweg endet auf dem letzten Bild; der Rückweg beginnt auf dem letzten Bild. Naiv geschrieben wird dieses Bild zweimal hintereinander gezeigt, und die Bewegung zögert sichtbar, bevor sie zurückkommt.
• Am Schleifenpunkt. Der Rückweg endet auf dem ersten Bild; der nächste Zyklus beginnt auf dem ersten Bild. Dasselbe Zögern, einmal pro Schleife, für immer.
• Die Korrektur sind zwei Bilder. Die Endpunkte aus dem Rückweg entfernen. Aus acht Bildern werden vierzehn statt sechzehn, und kein Bild wird je zweimal hintereinander gezeigt — auch nicht über die Schleifengrenze hinweg.

Was es kostet

Ein Bumerang ist fast die doppelte Animation, also fast die doppelte Datei. Daran führt kein Weg vorbei: Die zusätzlichen Bilder sind echte Bilder und müssen gespeichert werden. Vermeiden lässt sich, mehr davon zu speichern, als der Effekt braucht, und zwei Bilder pro Zyklus sind genau das, was eine unachtsame Umsetzung hinzufügt. Auf dem Kopierweg kostet der Rückweg genau so viel wie der Hinweg, denn es sind dieselben komprimierten Bytes ein zweites Mal geschrieben.

Manchmal soll nicht der ganze Clip rückwärts laufen. Eine Bildschirmaufnahme mit einer Titelkarte am Anfang, eine Reaktion mit einem Moment Ruhe vor der Bewegung, eine Produktdrehung mit einem festen Bild an jedem Ende — in all diesen Fällen ist die interessante Bewegung ein Abschnitt, und die ganze Datei umzukehren verrückt Möbel, die dort standen, wo sie hingehörten.

Wie sich der Bereich verhält

• Bilder außerhalb des Bereichs bewegen sich nicht. Sie behalten Position und Reihenfolge. Eine Bereichsumkehrung ist eine lokale Bearbeitung, keine Umordnung der Zeitleiste.
• Der Bereich ist einschließlich und beginnt bei eins. Bilder 4 bis 9 heißt das vierte bis neunte, gezählt so, wie die Bildanzeige zählt.
• Auch der Bumerang hält sich daran. Setze einen Bereich und wähle Bumerang: Nur dieser Abschnitt läuft hin und zurück, die Bilder darum herum laufen einmal, wie zuvor.
• Ein Bereich von einem Bild ändert nichts, und sagt es. Statt dir eine Kopie der Datei zurückzugeben, sagt dir das Werkzeug, dass die Reihenfolge, die es schreiben will, die gelesene ist.

Wie oft ein GIF läuft, wird nicht als Zahl der Durchläufe gespeichert. Es steht in einem Anwendungserweiterungsblock mit einem Wiederholungszähler, wobei der Zähler angibt, wie oft NOCH EINMAL nach dem ersten Durchlauf gespielt wird, und null für endlos reserviert ist. Eine Datei, die 2 sagt, läuft also dreimal, eine, die 0 sagt, endlos, und eine, die genau einmal läuft, kann das gar nicht sagen — sie drückt es aus, indem sie den Block nicht führt.

• Beibehalten ist die Voreinstellung. Die Schleife der Datei bleibt unangetastet, auch der Einmal-Fall, den ein Werkzeug, das immer einen Zähler schreibt, still in eine endlose Schleife verwandeln würde.
• Endlos, einmal oder eine Zahl. Wähle in Durchläufen — wie oft die Animation läuft — und die richtige der drei Kodierungen wird für dich geschrieben.
• Das Ergebnis wird aus der Datei zurückgelesen. Die nach einer Umkehrung angezeigte Zahl wird an den fertigen Bytes gemessen, nicht an der Anfrage, denn die einzige Zahl, die eine Schleifensteuerung falsch haben kann, ist die, von der sie glaubt, sie geschrieben zu haben.

• Nahtlose Schleifen. Ein Clip, der woanders endet, als er begonnen hat, springt bei jeder Wiederholung. Der Bumerang entfernt den Sprung, ohne zu verlangen, dass die Quelle perfekt ist.
• Enthüllung und Rückgängig. Einen Aufbau rückwärts zu spielen macht daraus einen Abbau — der billigste Weg, aus einer Aufnahme ein passendes Animationspaar zu bekommen.
• Reaktionsclips. Eine kurze Reaktion liest sich als Pingpong meist besser als in harter Schleife, und das sind zwei Sekunden Arbeit statt eines Neuschnitts.
• Produktdrehungen. Die zweite Hälfte einer Drehung umzukehren lässt das Objekt wippen statt rotieren, und das schließt sich bei jeder Länge sauber.
• Das eigene Timing prüfen. Bewegung, die nur in eine Richtung lesbar ist, hat fast immer ein Problem mit Beschleunigung oder Halten. Sie umzukehren ist eine schnelle Diagnose.

Was mit der Dateigröße passiert

Auf dem Kopierweg nichts: Die Ausgabe besteht aus denselben komprimierten Bildern in anderer Reihenfolge, sie liegt also ein bis zwei Bytes von der Quelle entfernt. Auf dem Neuaufbauweg bewegt sich die Größe, und zwar in beide Richtungen — eine über die ganze Animation gebildete Palette komprimiert anders, und die Unterschiede von Bild zu Bild einer umgekehrten Animation sind wirklich andere Daten als die des Originals. Der Bumerang-Modus verdoppelt die Datei ungefähr, wo immer er läuft, weil er fast doppelt so viele Bilder speichert. Muss das Ergebnis kleiner sein, kann der GIF-Kompressor direkt auf eine Größe hinarbeiten, die du nennst.

Die Eingabeliste ist kurz und wird schon im Dateiauswahldialog durchgesetzt, sodass nichts angenommen wird, was sich nicht öffnen lässt. Eine Datei der falschen Art wird sofort abgelehnt, mit einem Link zum Werkzeug, das sie behandelt, statt hinter einem Ladebalken zu warten, der am Ende scheitert.

• GIF hinein, GIF heraus. Die einzige Kombination, die den Kopierweg nehmen kann, und die, bei der das Bild nachweislich unangetastet bleibt.
• Animiertes WebP hinein, GIF heraus. Dekodiert und neu aufgebaut. Reihenfolge und Zeiten folgen denselben Regeln; die Pixel werden neu kodiert, weil es nicht anders geht.
• APNG hinein, GIF heraus. Ebenso, auch Dateien, die als image/png ausgeliefert werden, wie die meisten Systeme ein APNG kennzeichnen.
• Standbilder und Video werden abgelehnt. Mit einem Weg: der GIF-Ersteller für ein Standbild, Video zu GIF für einen Clip.

Wie die Animation gelesen wird

Wo der Browser einen Dekodierer für animierte Bilder bereitstellt, wird er benutzt. Wo nicht, greift das Werkzeug auf seinen eigenen Leser zurück, der den Container durchläuft und die Bilder selbst dekomprimiert — das ist der Grund, warum animierte GIFs hier auch in Browsern funktionieren, die sonst ein einzelnes Standbild ganz ohne Fehlermeldung zurückgeben. Die Bilder werden beim Dekodieren zusammengesetzt, sodass jedes als vollständiges Bild mit bereits angewandter Entsorgungsmethode ankommt. Auf dem Kopierweg läuft nichts davon: Die Struktur der Datei wird gelesen, die Bilder werden bewegt, und kein einziges Pixel wird dekomprimiert.

Grenzen, und woher sie kommen

• Kostenlos: 50 MB, eine Datei nach der anderen. Bis zu 300 Bilder und 2.048 px an der längsten Kante, in voller Qualität und über denselben verlustfreien Weg wie Pro.
• Pro: bis zu 20 GIFs auf einmal. Bildzahl und Abmessungen unbegrenzt, die Größe begrenzt durch das, was der Speicher deines Geräts fasst, und der ganze Stapel als ein ZIP.
• Die Obergrenzen sind Politik, nicht Fähigkeit. Weder Format noch Gerät machen 300 Bilder zu einer Grenze; dort endet der kostenlose Plan.
• Speicher ist eine echte Obergrenze. Der Neuaufbauweg hält dekodierte Bilder, und 500 Bilder in 1920 mal 1080 sind mehrere Gigabyte. Die Arbeit wird vorher begrenzt statt auf halbem Weg entdeckt.

Es gibt keinen Upload-Schritt, keine Warteschlange und keinen Server, der das Ergebnis erzeugt. Die Datei wird dort gelesen, wo sie liegt, die Arbeit läuft in einem Hintergrund-Thread, damit die Seite reagierfähig bleibt, und die fertige Animation geht direkt an die Schaltfläche zum Herunterladen.

Der Weg, den eine Datei nimmt

• Die Struktur lesen. Ein Kopfdatenlesen sagt, wie viele Bilder die Datei hat, wie lange jedes läuft und ob ihre Bilder umsortiert werden dürfen. Dafür wird nichts dekomprimiert.
• Den Weg entscheiden, bevor Arbeit beginnt. Dürfen die Bilder bewegt werden, wird die Animation überhaupt nicht dekodiert — die Umkehrung ist eine Kopie. Dürfen sie es nicht, wird die ganze Animation dekodiert und zusammengesetzt.
• Die Arbeit außerhalb des Haupt-Threads erledigen. Dekodieren, Zusammensetzen, Palettenbildung und Kompression laufen in einem Worker, sodass die Fortschrittsanzeige weiterläuft, weil die Seite wirklich reagierfähig bleibt.
• Berichten, was tatsächlich passiert ist. Der gelaufene Weg, die Bildzahl hinein und heraus, die geschriebenen Verzögerungen und die Zahl der Durchläufe werden alle aus der fertigen Datei zurückgelesen.

Auf einem Mittelklasse-Laptop wird eine Animation mit 100 Bildern in 480 mal 270 auf dem Kopierweg in wenigen Millisekunden umgekehrt, weil die Arbeit proportional zur Zahl der Blöcke in der Datei ist und nicht zur Zahl der Pixel darin. Dieselbe Datei neu aufgebaut — was jedes andere Werkzeug dieser Kategorie mit jeder Datei macht — dauert rund zwei Größenordnungen länger und liefert ein anderes Bild.

• GIF-Geschwindigkeit
• GIF schneiden
• GIF zerlegen
• GIF komprimieren
• GIF-Editor
• Video zu GIF