So reduzieren Sie die GIF-Dateigröße für eine bessere Website-Leistung

In diesem Artikel werden allgemeine Regeln erläutert, die Sie beachten sollten, um die Dateigröße von zu reduzieren GIFs auf Ihrer Website, damit Bilder schneller geladen werden und Ihre Website effizienter funktioniert.

So reduzieren Sie die GIF-Dateigröße für eine bessere Website-Leistung

Um Ihr GIF so effizient wie möglich zu gestalten:

1. Schneiden Sie zusätzlichen Platz um das Bild herum zu. Das Verringern der Pixelabmessungen eines Bildes ist die effektivste Methode, um die Dateigröße zu reduzieren. Wenn Sie Photoshop verwenden, Trimmen Befehl funktioniert dafür gut.

2. Wenn Sie ein GIF-Bild vorbereiten, reduzieren Sie die Ausgabeabmessungen. Jedes Grafikbearbeitungsprogramm bietet verschiedene Befehle zur Größenänderung.

3. Reduzieren Sie die Anzahl der Farben im Bild. GIFs zeigen nur 256 Farben an, aber wenn Ihr Bild nur wenige hat, reduzieren Sie die Farbanzahl trotzdem. Beim Reduzieren von Farben in GIFs erhalten Sie die beste Komprimierung, wenn die Anzahl der Farben auf die kleinstmögliche dieser Optionen eingestellt wird: 2, 4, 8, 16, 32, 64, 128 oder 256.

4. Reduzieren Sie die Anzahl der Frames im Bild für animierte GIFs. Vermeiden Sie im Allgemeinen nutzlose Animationen. Übermäßige Animation verlängert die Downloadzeit von Webseiten und wird von vielen Leuten als ablenkend empfunden.

5. Wenn du benutzt Photoshop, erstellen Sie eine GIF-Datei, indem Sie die Exportieren als Menüpunkt. Auswählen Datei > Exportieren als. Wenn das Menü geöffnet wird, wählen Sie GIF als Dateiformat und reduzieren Sie die physischen Abmessungen (Breite und Höhe) des Bildes.

6. Wenn Sie Adobe Photoshop Elements verwenden, wählen Sie Datei > Für das Web speichern. Dieser Vorgang öffnet die Für das Web speichern Dialogfeld, das auch in Adobe Photoshop unter. zu finden ist Datei > Export > Für Web speichern (alt). Wenden Sie beim Öffnen Dithering an, reduzieren Sie die Farbe und ändern Sie die physischen Abmessungen des Bildes.

7. Vermeiden Sie Zittern. Dithering kann einige Bilder besser aussehen lassen, aber es erhöht die Dateigröße. Wenn Ihre Software dies zulässt, verwenden Sie eine niedrigere Dithering-Stufe, um zusätzliche Bytes zu sparen.

8. Einige Software hat eine verlustbehaftete Option zum Speichern von GIFs. Diese Option kann die Dateigröße erheblich reduzieren, reduziert aber auch die Bildqualität.

9. Verwenden Sie kein Zeilensprungverfahren. Interlacing erhöht normalerweise die Dateigröße.

10. Sowohl Photoshop als auch Photoshop Elements zeigen die Downloadzeit an. Achte nicht darauf. Es basiert auf der Verwendung eines 56k-Modems. Eine gültigere Nummer wird angezeigt, wenn Sie ein Kabelmodem aus dem Dropdown-Menü auswählen.

GIF-Bilder und das Web

GIF-Bilder sind keine Einheitslösung. GIF-Bilder haben maximal 256 Farben, d. h. Sie können mit einer starken Bild- und Farbverschlechterung rechnen, wenn Sie nicht aufpassen.

Das GIF-Dateiformat ist in vielerlei Hinsicht ein Legacy-Format, das bis in die Anfänge des Internets zurückreicht. Vor der Einführung des GIF-Formats waren Webbilder schwarz-weiß und mit dem RLE-Format komprimiert. GIFs tauchten erstmals 1987 auf, als Compuserve das Format als Web-Imaging-Lösung veröffentlichte. Zu dieser Zeit tauchten gerade Farben auf dem Desktop auf, und der Zugriff auf das Internet erfolgte über Modems, die an die Telefonleitung angeschlossen waren. Diese neue Infrastruktur erforderte ein Bildformat, das Bilder klein genug hielt, um in kurzer Zeit über eine Telefonleitung an einen Webbrowser geliefert zu werden.

GIF-Bilder sind ideal für scharfkantige Grafiken mit eingeschränkter Farbpalette, wie zum Beispiel ein Logo oder eine Strichzeichnung. Obwohl das GIF-Format für Fotos verwendet werden kann, führt die reduzierte Farbpalette Artefakte in das Bild ein. Immernoch Glitch-Art-Bewegung und der Aufstieg der Cinemagramm haben ein erneutes Interesse am GIF-Format geweckt.