So komprimieren Sie animierte GIF-Dateien, ohne die Bildqualität zu beeinträchtigen

Animierte GIFs sind mehr als jedes andere digitale Bildformat in der Online-Kultur verankert. JPEGs sind mehr oder weniger eine Fortsetzung der traditionellen Fotografie, aber GIFs sind etwas Neues und Mächtiges. Die Verbreitung von Breitbandverbindungen hat in den letzten zehn Jahren zu Video-Streaming geführt. Davor war die einzige Möglichkeit, bewegte Bilder einfach zu teilen, die Verwendung von GIFs.

GIFs haben sich über ein primitives, tonloses Videoformat hinaus bewegt. Mit dem Erfolg von Websites wie Tumblr und Reddit sind sie eine Kunstform für sich. Reaktions-GIFs sind einige der beliebtesten Meme. 

Das GIF-Format ist jedoch nicht so gut komprimiert wie JPEG oder PNG. Der einzige Grund, warum GIFs so erfolgreich sind, ist, dass das Format Animationen zulässt. Das Erstellen einer komprimierten GIF mit guten Details erfordert dann einige Überlegungen. Die meisten GIFs, die Sie online sehen, sind entweder lächerlich große Dateien oder sind schrecklich komprimiert. 

Sehen wir uns an, wie man animierte GIFs komprimiert, ohne sie zu zerstören.

Warum Gifs komprimieren?

Wie ich oben angesprochen habe, laufen GIF-Dateien in der Regel groß. Eine GIF-Datei kann das Zehnfache der Dateigröße einer identischen Filmdatei sein. Wenn Sie gut aussehende GIFs suchen, die im Web geteilt werden können, ist dies ein Problem.

Wenn Sie Hochgeschwindigkeits-Breitband verwenden, ist das Laden einer in eine Webseite eingebetteten 10-MB-GIF kein Problem. Es kann ein oder zwei Sekunden dauern, aber Sie werden es kaum bemerken. Das Problem ist, dass viele Leute nicht über eine schnelle Verbindung auf das Internet zugreifen.

Millionen neuer Menschen erhalten jedes Jahr Zugang zum Internet, die überwiegende Mehrheit von ihnen in Entwicklungsländern. Sie haben nicht immer den Luxus eines schnellen und erschwinglichen Internetzugangs. Ihre Verbindungen sind oft langsam und teuer. Wenn Sie Inhalte wie animierte GIFs für das Internet entwerfen, sollten Sie solche Benutzer in Betracht ziehen.

ImageOptim kann Bilder verlustfrei komprimieren, um sie zugänglicher zu machen.

Selbst in den Industrieländern gibt es eine große Anzahl von Menschen, die einen begrenzten und teuren Zugang zum Internet haben: mobile Benutzer. Smartphones sind jetzt die vorherrschende Art, wie die meisten Menschen online gehen. Während mobile Daten in einigen Bereichen unglaublich schnell sein können, sind sie teuer. Wenn mehr als die Hälfte der Personen, die Ihre GIF anzeigen, dies mit einem Smartphone tun, sollte sie ordnungsgemäß komprimiert werden.

Schließlich verstehen die meisten Orte, an denen GIFs gehostet werden, diese beiden Probleme. Das heißt, sie setzen Dateigrößenbeschränkungen für Uploads oder führen sie durch ihre eigenen Kompressionsalgorithmen. Wenn Sie Ihr eigenes GIF nicht richtig komprimieren, ist dies der verlustbehafteten Komprimierung, die ein anderer Benutzer gewählt hat, ausgeliefert. Wenn Ihre GIFs ordnungsgemäß komprimiert sind, ist dies weit weniger ein Problem.

Wie man gute Gifs macht

Es macht keinen Sinn, ein ineffizientes und schlecht erstelltes GIF zu komprimieren. Müll rein, Müll raus. Wenn Sie sich die Mühe machen, eine GIF zu erstellen, sollten Sie dies in jeder Phase gut tun. Wenn Sie gerade erst anfangen, GIFs zu erstellen, empfehle ich das Tutorial von Jose Antunes Cinemagraphs: Erstellen von animierten Fotos in Adobe Photoshop.

Erstellen eines gut optimierten GIF in Photoshop.

Martin Perhiniak hat ein großartiges Tutorial zur Optimierung einer animierten GIF-Datei geschrieben. Sie sollten es überprüfen, bevor Sie fortfahren. Der Hauptvorteil besteht darin, dass eine Reihe wichtiger Entscheidungen in Bezug auf Bildgröße, GIF-Länge, Anzahl der Frames, Anzahl der Farben und Qualität getroffen werden müssen. Indem Sie Ihre GIF in weniger wichtigen Bereichen einschränken, können Sie Details genau dort speichern, wo Sie es möchten.

Wie man Gifs verlustfrei komprimiert

Zwar gibt es kommerzielle Tools, aber einer der besten Optimierungsalgorithmen stammt vom Open-Source-Tool Gifsicle. Der Kompressionsalgorithmus von Gifsicle vergleicht jeden Frame mit dem vorhergehenden und berechnet die Differenz. Es speichert dann nur die Änderungen, anstatt alle redundanten Details zu übernehmen. Das heißt, wenn sich nur ein kleiner Bereich des Bildes zwischen den einzelnen Bildern ändert, erhalten Sie eine viel kleinere Dateigröße. Es ist eine unglaublich effiziente Möglichkeit, etwas verlustfrei zu komprimieren.

Gifsicle ist jedoch ein Befehlszeilenwerkzeug. Wenn Sie mit der Befehlszeile vertraut sind, können Sie sie wie gewohnt verwenden. Einfach Gifsicle aus GitHub klonen und schon kann es losgehen. 

ImageOptim Durch die Verwendung des Algorithmus von Gifsicle können einige Dateigrößen von schlecht optimierten GIFs eingespart werden.

Die Befehlszeilenoption ist für die meisten Leute zu technisch. Glücklicherweise gibt es einige Bildoptimierungs-Apps, die den Algorithmus von Gifsicle verwenden.

Wenn Sie mit einem Mac arbeiten, ist ImageOptim die beste Lösung. Neben der verlustfreien Komprimierung von GIFs können auch JPEGs und PNGs verarbeitet werden.

Für Windows-Benutzer verwendet FileOptimizer auch Gifsicle, um die GIF-Komprimierung zu aktivieren. Neben Bildern scheint FileOptimizer so gut wie alles zu komprimieren.

Es gibt auch einige Webanwendungen, die GIFs komprimieren. Die verlustfreie GIF-Komprimierung von Compressor.io verwendet Gifsicle. Ich würde das also empfehlen. Viele andere Web-Apps bieten nur verlustbehaftete Komprimierung.

In die Praxis umsetzen

Wie viel Gifsicle Ihr GIF komprimieren kann, hängt davon ab, wie gut Sie es vorher optimieren. Wenn Sie in Photoshop ein gut gestaltetes GIF erstellen, kann Gifsicle es um weitere zwei bis fünf Prozent komprimieren. Wenn Sie mit einer schlecht optimierten GIF-Datei beginnen, kann sie jedoch wesentlich stärker komprimiert werden.

Ich habe das GIF oben in Photoshop aus einem kurzen Video erstellt, das ich aufgenommen habe. Ich machte es Gifsicle bewusst so schwer wie möglich; fast das gesamte Bild bewegt sich zwischen den einzelnen Bildern. 

Die ursprüngliche Videodatei betrug 20 MB. Als ich es in Photoshop in ein GIF-Format konvertierte, konnte ich es auf etwa 4 MB reduzieren, allerdings auf Kosten eines Details. Wenn Sie es durch ImageOptim laufen ließen, reduzierte es die Schaltfläche um weitere 4% auf 3,8 MB, ohne dass die Qualität dadurch beeinträchtigt wurde.

Ich habe auch eine zufällige Auswahl von GIFs von Giphy über ImageOptim durchgeführt. Ich habe einen Wertebereich von 0% bis 24,9% erreicht. Dies war wiederum ein Qualitätsverlust für die GIFs.

Einpacken

GIFs sind im Internet unglaublich beliebt. Leider neigen sie dazu, ziemlich große oder stark komprimierte Dateien zu sein. Für Menschen, die über langsame oder teure Verbindungen auf das Internet zugreifen, ist dies ein Problem.

Mit Apps wie ImageOptim, FileOptimizer und Compressor.io können Sie den leistungsstarken Kompressionsalgorithmus von Gifsicle verwenden, um Ihre GIFs verlustfrei zu reduzieren. Je nachdem, wie gut Sie es gemacht haben, können Sie sich zwischen 2 und 25% der Dateigröße absetzen.