Das niedrige GIF feiert ein Comeback, weil die Nutzer mit der zunehmenden Nutzung von Smartphones und begrenzter Bandbreite fast sofortige Ladezeiten erwarten. Je kleiner Ihre Webbilder sind, desto schneller werden Ihre Bilder geladen und desto zufriedener werden Ihre Besucher sein. Darüber hinaus haben viele Websites Beschränkungen hinsichtlich der Größe von Werbebannern.
GIF-Bilder und das Web
GIF-Bilder sind nicht als Einheitslösung zu verstehen. GIF-Bilder haben maximal 256 Farben. Dies bedeutet, dass Sie mit einer erheblichen Bild- und Farbverschlechterung rechnen können, wenn Sie nicht aufpassen. Das GIF-Dateiformat ist in vielerlei Hinsicht ein Legacy-Format, das bis in die frühen Tage des Webs zurückreicht. Vor der Einführung des GIF-Formats waren Webbilder schwarzweiß und im RLE-Format komprimiert. Sie tauchten erstmals 1987 auf, als Compuserve das Format als Web-Imaging-Lösung veröffentlichte. Zu dieser Zeit tauchte gerade Farbe auf dem Desktop auf und der Zugriff auf das Web erfolgte über an die Telefonleitung angeschlossene Modems. Dies führte dazu, dass ein Bildformat benötigt wurde, das die Bilder klein genug hielt, um sie über eine Telefonleitung in kurzer Zeit an einen Webbrowser zu liefern.
GIF-Bilder sind ideal für scharfkantige Grafiken mit einer begrenzten Farbpalette, z. B. einem Logo oder einer Strichzeichnung. Sie können zwar für Fotos verwendet werden, die reduzierte Farbpalette fügt jedoch Artefakte in das Bild ein. Trotzdem haben die Glitch Art-Bewegung und der Aufstieg des Kinofilms ein neues Interesse am GIF-Format geweckt.
Reduzieren der GIF-Dateigröße für eine bessere Website-Leistung
Diese Tipps helfen Ihnen, Ihre GIFs so klein wie möglich zu machen.
-
Beschneiden Sie den zusätzlichen Platz um das Bild herum. Das Reduzieren der Pixelabmessungen Ihres Bildes ist der effektivste Weg, um die Dateigröße zu reduzieren. Wenn Sie Photoshop verwenden, funktioniert der Befehl zum Zuschneiden gut.
-
Wenn Sie ein GIF-Bild vorbereiten, möchten Sie möglicherweise die Ausgabeabmessungen reduzieren.
-
Reduzieren Sie die Anzahl der Farben im Bild.
-
Reduzieren Sie für animierte GIFs die Anzahl der Bilder im Bild.
-
Wenn Sie Photoshop CC 2017 verwenden, können Sie mithilfe des Menüelements "Exportieren als" eine GIF-Datei erstellen. Wählen Datei > Exportieren als … Wenn das Menü geöffnet wird, wählen Sie GIF als Dateiformat und reduzieren Sie die Abmessungen (Breite und Höhe) des Bildes.
-
Wenn Sie Adobe Photoshop Elements 14 verwenden, wählen Sie Datei > Für das Web speichern. Dadurch wird das Dialogfeld "Für Web speichern" geöffnet, das sich auch in Adobe Photoshop CC 2017 befindet. Datei > Export > Speichern für Web (Legacy). Wenn es geöffnet wird, können Sie Dithering anwenden, die Farbe und die Abmessungen des Bildes reduzieren.
-
Vermeiden Sie das Dithering. Beim Dithering werden einige Bilder möglicherweise besser dargestellt, die Dateigröße wird jedoch erhöht. Wenn Ihre Software dies zulässt, verwenden Sie eine niedrigere Dithering-Stufe, um zusätzliche Bytes zu speichern.
-
Einige Software bietet eine "verlustbehaftete" Option zum Speichern von GIFs. Diese Option kann die Dateigröße erheblich reduzieren, verringert jedoch auch die Bildqualität.
-
Verwenden Sie kein Interlacing. Interlacing erhöht normalerweise die Dateigröße.
-
Sowohl Photoshop als auch Photoshop Elements zeigen die Downloadzeit an. Achtet nicht darauf. Es basiert auf der Verwendung eines 56k-Modems. Eine gültige Nummer wird angezeigt, wenn Sie ein Kabelmodem aus dem Einblendmenü auswählen.
Tipps
- Vermeiden Sie unnötige Animationen. Übermäßige Animationen erhöhen nicht nur die Downloadzeit Ihrer Website, sondern auch viele Benutzer finden es ablenkend.
- GIF-Bilder mit großen Farbblöcken und horizontalen Mustern werden besser komprimiert als Bilder mit Farbabstufungen, weichen Schatten und vertikalen Mustern.
- Wenn Sie Farben in GIFs reduzieren, erhalten Sie die beste Komprimierung, wenn die Anzahl der Farben auf die kleinstmögliche dieser Optionen eingestellt ist: 2, 4, 8, 16, 32, 64, 128 oder 256.
