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

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



Was Sie wissen sollten

  • Schneiden Sie zusätzlichen Platz um das Bild herum zu, um die Pixelabmessungen zu reduzieren. Reduzieren Sie bei der Vorbereitung des GIF dessen Ausgabeabmessungen.
  • Reduzieren Sie die Anzahl der Farben im Bild. Reduzieren Sie bei animierten GIFs die Anzahl der Frames.
  • Vermeiden Sie Dithering und Interlacing. Wenn Ihre Software über eine verlustbehaftete Option zum Speichern von GIFs verfügt, wird die Dateigröße dadurch erheblich reduziert.

In diesem Artikel werden allgemeine Regeln erläutert, die Sie berücksichtigen sollten, um die Dateigröße von GIFs auf Ihrer Website zu reduzieren, 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. Beschneiden Sie den zusätzlichen Platz um das Bild herum. Die Reduzierung der Pixelabmessungen eines Bildes ist die effektivste Methode zur Reduzierung der Dateigröße. Wenn Sie Photoshop verwenden, wird die Trimmen Der Befehl funktioniert hierfür gut.

  2. Wenn Sie ein GIF-Bild vorbereiten, reduzieren Sie die Ausgabeabmessungen. Jedes Grafikbearbeitungsprogramm bietet unterschiedliche 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 trotzdem die Farbanzahl. Beim Reduzieren von Farben in GIFs 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.

  4. Reduzieren Sie die Anzahl der Frames im Bild für animierte GIFs. Vermeiden Sie generell nutzlose Animationen. Übermäßige Animationen verlängern die Downloadzeit von Webseiten und werden von vielen Menschen als ablenkend empfunden.

    So löschen Sie Time Machine-Backups backup
  5. Wenn du benutzt Photoshop , erstellen Sie eine GIF-Datei mit dem Exportieren als Menüpunkt. Wählen Datei > Exportieren als . Wenn das Menü geöffnet wird, wählen Sie aus 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 (Legacy) . Wenn es geöffnet wird, wenden Sie Dithering an, reduzieren Sie die Farbe und ändern Sie die physischen Abmessungen des Bildes.

    So senden Sie nur eine Voicemail
  7. Vermeiden Sie Dithering. Dithering Einige Bilder sehen möglicherweise besser aus, die Dateigröße wird jedoch erhöht. Wenn Ihre Software dies zulässt, verwenden Sie eine niedrigere Dithering-Stufe, um zusätzliche Bytes zu sparen.

  8. Einige Softwareprogramme verfügen über eine verlustbehaftete Option zum Speichern von GIFs. Diese Option kann die Dateigröße deutlich reduzieren, allerdings verringert sich dadurch auch die Bildqualität.

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

  10. Sowohl Photoshop als auch Photoshop Elements zeigen die Downloadzeit an. Schenken Sie ihm keine Beachtung. Es basiert auf der Verwendung eines 56k-Modems. Eine gültigere Nummer wird angezeigt, wenn Sie im Dropdown-Menü ein Kabelmodem auswählen.

GIF-Bilder und das Web

GIF-Bilder sind keine einheitliche Lösung. GIF-Bilder haben maximal 256 Farben, was bedeutet, dass Sie mit erheblichen Bild- und Farbverschlechterungen rechnen müssen, wenn Sie nicht vorsichtig sind.

Das GIF-Dateiformat ist in vielerlei Hinsicht ein Legacy-Format, das bis in die Anfänge des Webs zurückreicht. Vor der Einführung des GIF-Formats waren Webbilder schwarzweiß und wurden im RLE-Format komprimiert. GIFs tauchten erstmals 1987 auf, als Compuserve das Format als Web-Imaging-Lösung veröffentlichte. Zu dieser Zeit war die Farbe auf dem Desktop gerade erst im Entstehen begriffen, und der Zugriff auf das Internet erfolgte über Modems, die an die Telefonleitung angeschlossen waren. Diese neue Infrastruktur führte zu einem Bedarf an einem Bildformat, das die Bilder klein genug hält, um über eine Telefonleitung in kurzer Zeit an einen Webbrowser übermittelt zu werden.

GIF-Bilder eignen sich ideal für scharfkantige Grafiken mit einer begrenzten Farbpalette, beispielsweise ein Logo oder eine Strichzeichnung. Obwohl das GIF-Format für Fotos verwendet werden kann, führt die reduzierte Farbpalette zu Artefakten im Bild. Immernoch Glitch-Art-Bewegung und der Aufstieg der Cinemagraph haben ein erneutes Interesse am GIF-Format geweckt.

FAQ
  • Wie passe ich die Größe eines Emoji-GIF für Discord an?

    Wenn Sie ein GIF auf Discord hochladen, wird das Bild bei Bedarf automatisch auf 128 x 128 Pixel angepasst. Während Discord das Teilen von Bildern und anderen Dateien mit einer Größe von bis zu 8 MB (oder mehr mit einem Nitro-Abonnement) ermöglicht, liegt die Größenbeschränkung für Emojis bei 256 KB.

  • Wie komprimiere ich ein GIF, ohne an Qualität zu verlieren?

    Der einfachste Weg, ein GIF zu komprimieren, ohne die Qualität zu beeinträchtigen, ist die Verwendung der eigenen Komprimierungsfunktion des Datei-Explorers. Einige Komprimierungsprogramme von Drittanbietern, wie zum Beispiel WinZip, können auch zum Komprimieren von GIFs verwendet werden, ohne deren visuelle Gesamtqualität zu beeinträchtigen.

    So finden Sie heraus, wann ein Google-Konto erstellt wurde
  • Wie kombiniere ich mehrere GIFs zu einem einzigen GIF?

    Wählen Sie mithilfe einer Bildbearbeitungssoftware wie Photoshop aus Datei > Importieren > Videobilder in Ebenen umwandeln und wählen Sie alle GIFs aus, die Sie kombinieren möchten. Wählen Sie alle Animationsbilder im ersten GIF aus und kopieren Sie sie dann durch Auswählen Fenster > Animation . Gehen Sie als Nächstes zum nächsten GIF, wählen Sie aus, wo Sie das vorherige GIF einfügen möchten, und fügen Sie dann die kopierten Frames ein. Wiederholen Sie den Vorgang mit anderen GIFs, die Sie hinzufügen möchten, und exportieren Sie dann die fertige Zusammenstellung, wenn Sie fertig sind.

Interessante Artikel

Tipp Der Redaktion

Laden Sie ExecTI herunter - Führen Sie es als TrustedInstaller aus
Laden Sie ExecTI herunter - Führen Sie es als TrustedInstaller aus
ExecTI - Als TrustedInstaller ausführen. ExecTI ist ein leichtes Dienstprogramm, mit dem Apps als TrustedInstaller ausgeführt werden können. Auf diese Weise können Sie auf Dateien und Registrierungseinträge zugreifen, die dem TrustedInstaller-Konto gehören. Verfasser: Winaero. Download 'ExecTI - Als TrustedInstaller ausführen' Größe: 216,01 KB AdvertismentPCRepair: Behebung von Windows-Problemen. Alle von ihnen. Download-Link: Klicken Sie hier zum Herunterladen
Die 10 besten kostenlosen Firewall-Programme
Die 10 besten kostenlosen Firewall-Programme
Windows verfügt zwar über eine integrierte Firewall, aber wussten Sie, dass es auch andere Optionen gibt? Hier ist eine Liste der besten kostenlosen Firewall-Programme, die wir finden konnten.
Eine fast vollständige Liste aller in Ordnung befindlichen Google-Befehle
Eine fast vollständige Liste aller in Ordnung befindlichen Google-Befehle
Der Titel sollte wirklich 'Eine vollständige Liste aller OK-Google-Befehle zum Zeitpunkt der Aktualisierung dieses Artikels' lauten, da anscheinend regelmäßig neue Befehle erscheinen. Diese Liste ist jedoch ab August 2018 aktuell. Nicht
.NET Framework 4.6.2 Offline-Installationsprogramm
.NET Framework 4.6.2 Offline-Installationsprogramm
Microsoft hat die endgültige Version von .NET Framework 4.6.2 veröffentlicht. Laden Sie das vollständige Offline-Installationsprogramm für .NET Framework 4.6.2 herunter.
Passen Sie die Microsoft Edge-Symbolleiste in Windows 10 an
Passen Sie die Microsoft Edge-Symbolleiste in Windows 10 an
Ab Windows 10 Version 1809 können Sie die Symbolleiste in Microsoft Edge anpassen, dem Symbolbereich, den Sie neben der Adressleiste sehen.
So verstecken Sie den Cursor in Bluestacks
So verstecken Sie den Cursor in Bluestacks
Wenn du BlueStacks zum Spielen von Android-Spielen verwendest, könntest du deinen Cursor als ablenkend oder nervig empfinden. Glücklicherweise kannst du es mit BlueStacks mit nur wenigen Klicks von deinem Bildschirm ausblenden. Sie können es nicht nur verstecken, sondern auch Sie
So fügen Sie der Minecraft Java Edition Controller-Unterstützung hinzu
So fügen Sie der Minecraft Java Edition Controller-Unterstützung hinzu
Wenn Sie Ihre bevorzugten Steuerelemente in Spielen nicht verwenden können, kann dies ziemlich ablenkend sein. Viele Spieler sind es gewohnt, Minecraft mit einem Controller zu spielen, und die Java Edition, die Gamepads nicht unterstützt, kann eine unangenehme Überraschung sein. Zum Glück gibt es’