So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

Was ist WebP? Ein Leitfaden für Anfänger

Viele Websites haben damit begonnen, ein neues Bildformat namens WebP einzuführen. Was ist WebP und warum kann es vorteilhafter sein als alternative Bildformate?

WebP ist ein Format, das Google nach der Übernahme von On2 Technologies entwickelt hat. Basierend auf dem VP8-Videocodec liefert WebP reichhaltige, qualitativ hochwertige Bilder in einer kleineren Größe als PNG oder JPEG. Es kombiniert und verbessert die besten Qualitäten der JPEG- und PNG-Formate, indem es eine erweiterte verlustfreie und verlustfreie Komprimierung bietet.

Die Optimierung der Bilddateigrößen ist für die Steigerung der Leistung einer Website von entscheidender Bedeutung. Mit dem WebP-Format ist dies ohne Einbußen bei der Bildqualität möglich, weshalb es für viele Website-Besitzer ein geeignetes Format ist.

In diesem Artikel erfahren Sie, was WebP ist und welche Vor- und Nachteile es hat. Außerdem gehen wir auf Möglichkeiten ein, WebP in WordPress zu verwenden und eine WebP-Datei auf Ihrem Computer zu speichern.

Was sind die Vorteile von WebP?

Die Verwendung von WebP-Bildern bietet vier Hauptvorteile:

Erhöhen Sie die Leistung Ihrer Website. Das WebP-Format ist im Vergleich zu JPEG und PNG leichter. Kleinere Bilddateigrößen erhöhen die Ladegeschwindigkeit einer Website.Sparen Sie mehr Bandbreite. Bandbreite ist die Geschwindigkeit, mit der Ihr Server in einer bestimmten Zeit Daten an Ihre Endbenutzer übertragen kann. WebP kann Bandbreitenraum freigeben, sodass Websites mehr Inhalte bereitstellen können. Dies ist besonders wichtig für bildlastige Websites wie Essens-, Reise- oder Fotografie-Blogs.Erhöhen Sie die Suchmaschinenoptimierung (SEO). Eine höhere Seitengeschwindigkeit aufgrund hellerer Bilder wirkt sich positiv auf das Ranking Ihrer Website in Suchmaschinen wie Google aus.Zeigen Sie qualitativ hochwertige Bilder. Sie müssen keine Abstriche bei der Bildqualität machen, um eine schnellere Ladegeschwindigkeit zu erreichen. Mit WebP können Sie das Beste aus beiden Welten nutzen und das Benutzererlebnis Ihrer Website verbessern.Zeigen Sie verschiedene Arten von Bildern an. WebP unterstützt transparente und animierte Bilder.

Um die Vorteile von WebP gegenüber anderen Formaten wie JPEG und PNG weiter zu veranschaulichen, schauen wir uns an, was sie im Vergleich bieten.

JPEG (oder JPG) Es eignet sich hervorragend für farbenfrohe Bilder und ist die bevorzugte Wahl für Standbilder. Allerdings werden JPEG-Bilddateien verwendet mit Verlusten Komprimierung, was bedeutet, dass Sie beim erneuten Speichern oder Bearbeiten eine Qualitätsminderung feststellen werden. Ein weiterer Nachteil dieses Formats besteht darin, dass es weder Transparenz noch Animation unterstützt.

Andererseits ist die PNG Der Dateityp eignet sich hervorragend für die Aufrechterhaltung einer hohen Bildqualität ohne Verluste Kompression. Dieses Format eignet sich für Bilder mit vielen Pixeln, beispielsweise Infografiken mit viel Text. Es unterstützt auch Transparenz und eignet sich daher ideal für Webdesign-Elemente und Logos. Leider ist PNG in der Regel größer und unterstützt keine Animationen.

WebP hat die besten Eigenschaften beider Formate. Am wichtigsten ist, dass es eine etwa 25–34 % kleinere Dateigröße mit einer SSIM-Qualitätsbewertung bietet, die der von PNG oder JPEG entspricht.

Vergleich zwischen JPEG und WebP

Schauen Sie sich die Beispielbilder in der Google WebP-Galerie an. Die Website vergleicht JPEG- und WebP-Bilder mit ähnlicher Qualität.

Klicken Sie auf jedes Bild auf der Website und vergleichen Sie, was Sie sehen. Es gibt keinen großen Qualitätsunterschied zwischen den JPEG-Bildern links und den WebP-Bildern rechts. Allerdings sind WebP-Dateien im Vergleich zu JPEG-Dateien deutlich kleiner.

Was sind die Nachteile von WebP?

Obwohl die Einführung von WebP viele Vorteile mit sich bringt, gibt es auch einige Nachteile, die Sie beachten sollten. Lassen Sie uns die Probleme im Zusammenhang mit Software, insbesondere Webbrowsern, und der WordPress-Kompatibilität besprechen.

Obwohl die Unterstützung für WebP in den wichtigsten Webbrowsern im Laufe der Jahre immer besser geworden ist, unterstützen einige Browser den Dateityp immer noch nicht.

Beliebte Webbrowser wie Google Chrome, Mozilla Firefox, OperUnd Microsoft Edge Ich habe seit Jahren WebP-Unterstützung. In jüngerer Zeit, Safari Endlich wurde auch WebP-Unterstützung hinzugefügt.

Angesichts des aktuellen Trends ist davon auszugehen, dass andere Browser, die WebP nicht unterstützen, irgendwann nachziehen werden. Zögern Sie also nicht, über die Entwicklungen auf dem Laufenden zu bleiben.

WebP-Kompatibilitätstabelle für verschiedene Browser

Was andere Software betrifft, unterstützen nicht alle das WebP-Format. Einige Bildbetrachter und Bildbearbeitungstools können WebP-Dateien nicht öffnen. Adobe Photoshop unterstützt es beispielsweise nicht standardmäßig. Um eine WebP-Datei in Adobe Photoshop zu bearbeiten, müssen Sie zunächst das WebPShop-Plugin installieren.

Ein weiteres Problem besteht darin, dass WordPress derzeit keine WebP-Bilder unterstützt. WordPress unterstützt nur die Bildformate JPEG, PNG, GIF und ICO. Glücklicherweise ermöglichen Ihnen einige Lösungen die Verwendung von WebP-Bildern auf Ihrer WordPress-Site, was wir im nächsten Abschnitt erläutern werden.

Verwendung von WebP-Bildern in WordPress

Mehrere Plugins können Bilder in Ihrer WordPress-Medienbibliothek in WebP konvertieren, wenn sie auf Ihrer Website angezeigt werden.

ShortPixel-Plugin für WordPress

ShortPixel ist ein Freemium-Bildkomprimierungs-Plugin für WordPress. Nach der Installation können Sie vorhandene und zukünftige Bilder in Ihrer Bibliothek in WebP konvertieren. Es nutzt die Cloud und ein Content Delivery Network (CDN), um Ihre optimierten Bilder zu speichern und zu übertragen, wodurch Sie noch mehr Speicherplatz und Bandbreite sparen.

Neben der WebP-Konvertierung bietet ShortPixel auch weitere nützliche Bildoptimierungsfunktionen wie WP Retina 2x und CloudFlare-Unterstützung. Support erhalten Sie direkt von den Entwicklern.

Mit dem kostenlosen ShortPixel-Plan können Sie bis zu komprimieren 100 Bilder/Monat. Wenn Sie viele Bilder auf Ihrer Website haben, sollten Sie ein Upgrade auf einen ihrer Premium-Pläne in Betracht ziehen. Sie haben die Möglichkeit, monatliche Pläne oder einmalige Gutschriften zu erwerben.

Optimole-Plugin für WordPress

Ein weiteres Plugin, das auf ähnliche Weise funktioniert, ist das Optimole-Plugin. Im kostenlosen Plan gibt es solche Unbegrenzt Wenn es um die Anzahl der Bilder geht, können Sie optimieren, solange Sie haben weniger als 5.000 Besuche/Monat. Wenn Ihre monatlichen Besucher dieses Limit überschreiten, sollten Sie den Kauf eines ihrer Premium-Pläne in Betracht ziehen.

Wenn Sie einen manuellen Ansatz suchen, verwenden Sie alternativ die Photon-API. Konvertiert Ihre JPEG- und PNG-Bilder in das gewünschte Dateiformat, einschließlich WebP. Beachten Sie jedoch, dass Sie diese API nur verwenden können, wenn Sie WordPress.com verwenden oder wenn Ihre selbst gehostete WordPress-Site mit Jetpack verbunden ist.

So speichern Sie WebP-Bilder als JPEG- oder PNG-Dateien

Obwohl WebP den Formaten PNG und JPEG in vielerlei Hinsicht überlegen ist, gibt es Gründe, warum Sie Bilder möglicherweise als JPEG oder PNG speichern möchten.

Wenn die von Ihnen verwendete Grafiksoftware beispielsweise WebP nicht unterstützt, benötigen Sie die JPEG- oder PNG-Version des Bildes. Hier sind einige Methoden, mit denen Sie WebP-Bilder als JPEG oder PNG speichern können:

Verwenden Sie einen anderen Browser. Öffnen Sie die Webseite, die das Bild enthält, das Sie speichern möchten, mit einem Browser, der WebP nicht unterstützt. Der Browser zeigt die JPEG- oder PNG-Version des Bildes an und Sie können es wie gewohnt speichern.

Microsoft Paint-Speicherbildschirm mit der Option, einen neuen Namen für das Bild auszuwählen

Verwenden Sie Microsoft Paint. Wenn Sie Windows verwenden, speichern Sie das WebP-Bild. Öffnen Sie es dann in Microsoft Paint. Gehen Archiv -> Speichern als. Wählen Sie Ihr bevorzugtes Format.

Microsoft Paint speichert als Funktion mit hervorgehobenen verschiedenen Formatierungsoptionen

Verwenden Sie ein Online-Bildkonvertierungstool. Speichern Sie das WebP-Bild auf Ihrem Computer und konvertieren Sie es online mit einem Tool wie CloudConvert.

Abschluss

WebP ist ein Bildformat der nächsten Generation, das seine Vorgänger wie JPEG und PNG übertrifft. Es bietet fortschrittliche Komprimierungstechnologien, die die Bildqualität beibehalten und gleichzeitig kleinere Dateigrößen ermöglichen.

Da es sich jedoch um eine neuere Technologie handelt, ist die Softwarekompatibilität noch verbesserungswürdig und sie ist noch nicht mit WordPress kompatibel.

In diesem Artikel stellen wir Möglichkeiten zur Behebung von Problemen im Zusammenhang mit dem WebP-Format vor. Wir haben untersucht, wie man WebP in WordPress verwendet und es als JPEG oder PNG speichert. Wir hoffen, dass dieser Artikel Ihnen geholfen hat, mehr über WebP zu erfahren und eventuelle Probleme zu lösen.