Hostwinds Tutorials

Suchergebnisse für:


Inhaltsverzeichnis


Bilder komprimieren
Was ist das WebP-Bildformat?

So komprimieren Sie Bilder für Ihre Site

Stichworte: Web Site,  Optimization 

Bilder komprimieren
Was ist das WebP-Bildformat?

Eine der einfachsten, aber oft übersehenen Methoden zur Erhöhung der Seitengeschwindigkeit und zur Verringerung der Bandbreite ist die Bildoptimierung, die Komprimierung spezifisch ist.Wenn es richtig gemacht wird, hat es keine Auswirkungen auf die Qualität der Bilder.Es wird zur Norm, also ist es zum Glück einfach mit kostenlosen Online -Diensten und Plugins zu tun.

Bilder komprimieren

Hier sind einige Tools, die bei der Bildkomprimierung helfen können:

  • ResMush.it - ein Online-Tool, das auch als WordPress-Plugin erhältlich ist, das Bilder optimiert
  • Tinypng - Kostenloses Online-Tool zum Optimieren von Bildern als WordPress-Plugin und ein Photoshop-Plugin.Es kann sogar animierte PNG-Dateien (APNG) komprimieren
  • Kompressor - Einfaches, kostenloses Online-Tool (abgebildet unten ... Anzeigen dieses Tools, das auch für das Bild verwendet wird. Sie können auch sehen, dass diese Bildgröße um 72% reduziert wurde)
  • ImageOptim - ein weiteres Online-Tool, das Ihre Bilder optimiert, während Sie eine totale Kontrolle ergeben.Es kann auch hohe Def-Retina-Bilder optimieren.Dies ist jedoch nicht frei, da die Preisgestaltung bei 9 US-Dollar für 1000 Optimierungen pro Monat beginnt.

Dieses Bild wurde um über 70% komprimiert

Wenn Sie WordPress verwenden, ist es unkompliziert, Ihre Bilder über Plugins zu optimieren.Neben den oben genannten Diensten, die ein Plugin anbieten, sind hier noch ein paar:

  • ShortPixel
  • Ewww Image Optimizer

Was ist das WebP-Bildformat?

Neben dem Komprimieren von Bildern möchten Sie möglicherweise auch das WebP -Bildformat verwenden.Es wurde gezeigt, dass es in einigen Fällen die Bildgröße um über 80% verringert und von allen großen Browsern unterstützt wird, einschließlich Chrom, Firefox, Microsoft Edge und Safari.

Wenn Sie jedoch WebP verwenden, ersetzt er jedoch nicht Ihre vorhandenen JPEG- oder PNG-Dateien.Wenn Besucher einen Browser verwenden, der WebP nicht unterstützt, werden sie die andere Version angezeigt.Ja, das heißt, Sie haben mehr Bilder auf Ihrer Website, aber wenn am meisten die WebP-Version anzeigt, kann dies die Größe und das Gewicht Ihrer Site noch drastisch verringern, wodurch er schneller läuft.

Und es gibt mehrere WordPress -Plugins, die das ganze schwere Anheben für Sie erledigen - Optimus, Smush und Optimole sind einige wert, wenn Sie berücksichtigt werden.

Selbst für nicht unterstützte Browser kann der WebP-Support über die Verwendung der WebPjs-Bibliothek hinzugefügt werden.

Geschrieben von Hostwinds Team  /  Juni 5, 2021