Wie wird die Reihenfolge der PNG-Dateien bestimmt?

Die meisten Werkzeuge sortieren alphabetisch nach Dateinamen. Deshalb ist es entscheidend, beim Benennen der Einzelbilder mit Zahlen führende Nullen zu verwenden; benennen Sie sie als bild1, bild2, bild10, kommt bild10 alphabetisch vor bild2, und die Animation entsteht in der falschen Reihenfolge. Die richtige Methode ist eine Benennung mit fester Stellenzahl wie bild01, bild02, bild10. Prüfen Sie die Reihenfolge nach dem Hochladen unbedingt mit dem Auge.

Wie stelle ich die Geschwindigkeit der Animation ein?

Das GIF-Format speichert für jedes Einzelbild eine eigene Verzögerungszeit, die meist in Millisekunden angegeben wird. Werkzeuge bieten das als eine einzelne Geschwindigkeitseinstellung an und wenden dieselbe Zeit auf alle Einzelbilder an. Eine kürzere Verzögerung ergibt eine flüssigere, aber schnellere Animation; ist Ihre Anzahl an Einzelbildern jedoch gering, wirkt die Bewegung bei schneller Wiedergabe sprunghaft. Wollen Sie mehr Flüssigkeit, besteht die Lösung nicht darin, die Geschwindigkeit zu erhöhen, sondern Zwischenbilder hinzuzufügen.

Warum sehen die Farben meiner PNG-Dateien im GIF anders aus?

Das GIF-Format kann pro Einzelbild höchstens 256 Farben speichern, und das ist eine harte, in der Struktur des Formats verankerte Grenze. Ihre PNG-Dateien führen möglicherweise Millionen von Farben; bei der Umwandlung in ein GIF werden diese Farben zwangsweise auf eine 256-farbige Palette reduziert. Weiche Verläufe werden zu abgestuften Streifen, ähnliche Töne verschmelzen zu einer einzigen Farbe. Um das zu kaschieren, wendet die Software Dithering an, also das Einstreuen von Punkten, was aus der Nähe betrachtet als sandartige Textur erscheint.

Warum ist die entstandene GIF-Datei so groß?

GIF verwendet ein altes und ineffizientes Kompressionsverfahren; es speichert für jedes Einzelbild eigene Bilddaten und kann die fortschrittlichen Optimierungen zwischen Einzelbildern nicht durchführen, die moderne Formate beherrschen. Anzahl der Einzelbilder, Auflösung und das Ausmaß der Bewegung in den Bildern erhöhen die Größe unmittelbar. Um die Größe zu senken, verkleinern Sie die Auflösung, verringern Sie die Anzahl der Einzelbilder und halten Sie den Hintergrund nach Möglichkeit konstant. Ist die Größe entscheidend, liefern animiertes WEBP oder Videoformate ein weit effizienteres Ergebnis.

Aus PNG-Einzelbildern ein animiertes GIF erstellen: ein Leitfaden aus der Praxis

Wann ist es richtig, aus PNG-Dateien ein GIF zu erzeugen?

Sie haben eine Reihe von PNG-Einzelbildern und wollen sie in eine einzige bewegte Datei überführen. Dieser Bedarf entsteht meist an drei Stellen: bei einer Animation, die Sie Bild für Bild aus einem Gestaltungswerkzeug exportiert haben, bei aus einer Bildschirmaufnahme extrahierten Bildern oder bei einer einfachen Schleife, die Sie von Hand erstellt haben.

Vorab sei gesagt: GIF ist im modernen Sinn nicht das beste Format für diese Aufgabe. Animiertes WEBP und kurze Videoformate liefern sowohl kleinere Dateien als auch bessere Farben. Der berechtigte Grund, GIF zu wählen, ist meist die Kompatibilität – manche Plattformen, Forensoftware, E-Mail-Programme, Messenger-Apps und betriebliche Systeme akzeptieren nach wie vor nur GIF oder spielen ausschließlich GIF automatisch ab. Ist Ihr Ziel ein solcher Ort, ist GIF die richtige Wahl.

In diesem Beitrag erklären wir die Umwandlung Schritt für Schritt und setzen eine realistische Erwartung, wie die Ausgabe aussehen wird.

Die einzige Tatsache, die Sie vor der Umwandlung kennen müssen

GIF speichert pro Einzelbild höchstens 256 Farben. Das ist keine flexible Entscheidung des Formats, sondern eine harte, in der Dateistruktur verankerte Grenze.

Ihre PNG-Dateien sind vermutlich weit reicher. Ein Verlaufshintergrund aus einem Gestaltungswerkzeug, weiche Schatten in einem Screenshot, ein Foto-Einzelbild – all das kann Millionen von Farbtönen enthalten. Bei der Umwandlung in ein GIF wird das alles auf 256 Farben reduziert, und diese Reduktion ist endgültig.

Praktisch bedeutet das: Einfarbige, schlichte, tonarme Inhalte gehen nahezu unbeschädigt hindurch. Inhalte mit Verläufen, Schatten und fotografischen Texturen verändern sich dagegen sichtbar – es entsteht Streifenbildung, feine Tonunterschiede gehen verloren.

Das vorab zu wissen erspart Ihnen beim Blick auf die Ausgabe den Gedanken „Ist das Werkzeug kaputt?".

Ein GIF erstellen, Schritt für Schritt

1. Benennen Sie Ihre Einzelbilder richtig. Das ist die Stelle, an der die meisten Fehler entstehen. Die meisten Werkzeuge sortieren Dateien alphabetisch. Benennen Sie sie als bild1.png, bild2.png, bild10.png, kommt bild10 alphabetisch vor bild2, und Ihre Animation entsteht in der falschen Reihenfolge. Richtig ist die Verwendung fester Stellenzahlen: bild01.png, bild02.png, bild10.png.

2. Bringen Sie alle Einzelbilder auf dieselbe Größe. Unterscheiden sich die Pixelabmessungen der Bilder, springt die Animation oder die Bilder werden beschnitten. Vergewissern Sie sich vor der Umwandlung, dass alle dieselbe Breite und Höhe haben.

3. Reduzieren Sie die Auflösung von vornherein. Die Dateigröße eines GIF wächst rasch mit der Auflösung. Wollen Sie die Animation in einer Messenger-App oder in einem Blogbeitrag klein darstellen, ist es die wirksamste Größenkontrolle, die Einzelbilder bereits an der Quelle zu verkleinern. Verkleinern Sie erst und erzeugen Sie dann das GIF, statt es nachträglich zu tun.

4. Öffnen Sie das Werkzeug zur Umwandlung von PNG zu GIF und laden Sie Ihre Einzelbilder hoch. Prüfen Sie die Reihenfolge nach dem Hochladen mit dem Auge auf dem Bildschirm – überspringen Sie diese Kontrolle nicht, selbst wenn die Dateinamen korrekt sind.

5. Stellen Sie die Bildverzögerung ein. GIF speichert für jedes Einzelbild eine Wartezeit. Eine kurze Zeit ergibt eine schnelle und flüssige, eine lange eine langsame und einzelbildhaft wirkende Animation. Ist Ihre Anzahl an Einzelbildern gering, bringt eine höhere Geschwindigkeit keine Flüssigkeit, sie beschleunigt lediglich das Springen.

6. Legen Sie das Verhalten der Schleife fest. Ein GIF kann endlos laufen oder nach einer bestimmten Anzahl von Wiederholungen anhalten. Bei Animationen, die einen Vorgang erklären, kann eine Endlosschleife das Publikum ermüden; eine einmalige Wiedergabe kann passender sein.

7. Testen Sie die Ausgabe in der tatsächlichen Einsatzumgebung. Sehen Sie sich das GIF nicht nur auf Ihrem eigenen Rechner an. Probieren Sie es dort aus, wo Sie es hochladen wollen – manche Plattformen erzwingen Größenbeschränkungen, andere komprimieren das GIF automatisch neu oder wandeln es in ein Video um.

Die Dateigröße im Griff behalten

GIF ist ein ineffizientes Format, und die Größe gerät schnell außer Kontrolle. Wirksame Eingriffe sind folgende:

Senken Sie die Auflösung. Hier liegt der größte Gewinn. Die Breite zu halbieren senkt die Pixelanzahl auf ein Viertel.

Verringern Sie die Anzahl der Einzelbilder. Jedes Bild trägt unmittelbar zur Datei bei. Ist die Bewegung ausreichend verständlich, senkt das Auslassen von Zwischenbildern die Größe spürbar.

Halten Sie den Hintergrund konstant. Gibt es zwischen den Einzelbildern unveränderte Bereiche, kann die Kompression davon profitieren. Ein flackernder oder ständig wechselnder Hintergrund bläht die Größe auf.

Verringern Sie die Farbvielfalt. Da ohnehin auf 256 Farben reduziert wird, mindert es sowohl die Streifenbildung als auch die Dateigröße, wenn Sie Ihre Quellbilder schlicht halten.

Beschneiden Sie unnötige Randbereiche. Jedes Pixel des Bildes schlägt sich in der Dateigröße nieder.

Häufige Fehler

Aus Fotos GIF-Dateien erzeugen. Fotografische Einzelbilder werden bei der Reduktion auf 256 Farben deutlich beschädigt, und die Datei fällt dennoch groß aus. Wollen Sie eine fotografische Animation, ist GIF das falsche Format; suchen Sie nach Video oder animiertem WEBP.

Transparenz erwarten. Haben Ihre PNG-Dateien weiche, halbtransparente Kanten, kann GIF diese nicht erhalten. GIF unterstützt nur binäre Transparenz: Ein Pixel ist entweder vollständig transparent oder vollständig deckend. Weiche Kanten werden zu einer ausgefransten Grenze oder vermischen sich mit dem Hintergrund und hinterlassen einen schmutzigen Saum.

Die Reihenfolge nicht prüfen. Das ist der häufigste und am leichtesten vermeidbare Fehler.

Die Quell-PNG-Dateien löschen. Vom GIF gibt es keinen Weg zurück; der Farbverlust ist dauerhaft. Bewahren Sie die Einzelbilder auf, damit Sie später in einem anderen Format oder mit einer anderen Geschwindigkeit neu produzieren können.

Zusammengefasst

Aus PNG-Einzelbildern ein GIF zu erzeugen ist technisch einfach, doch die Qualität des Ergebnisses hängt stark von der Farbstruktur Ihres Quellmaterials ab. Schlichte, einfarbige, tonarme Inhalte gehen problemlos hindurch. Einzelbilder mit Verläufen und fotografischen Texturen werden an der 256-Farben-Grenze sichtbar beschädigt. Benennen Sie die Einzelbilder richtig, senken Sie die Auflösung von vornherein, prüfen Sie die Reihenfolge mit dem Auge und bewahren Sie die Quell-PNG-Dateien auf. Wählen Sie GIF, weil die Kompatibilität es erfordert, sind Sie auf dem richtigen Weg; wählen Sie es nur aus Gewohnheit, lohnt sich ein Blick auf effizientere Alternativen.