Wie Sie WebP-Bilder in WordPress verwenden können

8. Februar 2022 Ralf Dreiundzwanzig Allgemein Schlagwörter: Bildbearbeitung, Photoshop, WebP, WordPress 0 Kommentare

Wir stellen unsere 3D-Maskottchen / Charakter im Blog auf das Dateiformat WebP um und zeigen Ihnen, wie auch Sie Ihre WordPress Seiten beschleunigen können.

Sie haben es eilig? Dann speichern Sie diesen Blogartikel von R23 als PDF

Brauchen Sie den Inhalt dieses Artikels "Wie Sie WebP-Bilder in WordPress verwenden können" schnell und bequem? Dann speichern Sie ihn doch einfach als PDF!

Download PDF

Was ist WebP?

WebP ist ein Bildformat, das von Google entwickelt wurde, um Bilder schneller im Internet zu übertragen.

Das Bildformat (basierend auf dem VP8-Videoformat), bietet verlustbehaftete oder verlustfreie Komprimierung sowie Animation und Alpha-Transparenz unterstützt an.

WebP bietet im Allgemeinen eine bessere Komprimierung als JPEG, PNG und GIF und soll diese ablösen.

Wir visualisieren Ideen!

R23 ist Ihre Digitalagentur für Virtual & Augmented Reality. Wir investieren in immersive Technologien wie Augmented Reality und künstliche Intelligenz, die die Grundlage für die Art und Weise sein werden, wie wir in Zukunft online einkaufen. Mit neuen visuellen Entdeckungstools helfen wir Käufer:innen, neue Produkte zu finden, und mit AR-Erlebnissen helfen wir Menschen, Artikel zu visualisieren, bevor sie sie kaufen.

Fotorealistische Visualisierungen und 3D-Animationen lassen sich schnell und kostengünstig erzeugen und in Ihrem Online-Shop veröffentlichen.

Beispiel 3D-Modell Stilvoll. Modern. Zeitlos. Couch

AVIF und JPEG XL wurden entwickelt, um WebP abzulösen.

Die Mehrheit der Internet-Anwender verwendet einen Browser, der WebP unterstützt. Sogar iOS und macOS Safari ab macOS 11 Big Sur und später kann das Bildformat darstellen.

Insgesamt verwenden ca. 95% der Internetnutzer einen Browser, der WebP unterstützt.

Screenshot: Quelle https://caniuse.com/webp

Folgendes Bild von unserem 3D-Charakter ist im WebP Format. Für die PDF-Datei dieser Seite wird das Bild automatisch auf dem Server in JPG konvertiert.

Das gleiche Motiv im PNG Format. Wenn Sie das obere Bild nicht sehen, so kann Ihr Browser wahrscheinlich kein WebP darstellen.

Größenvergleich zwischen WebP vs JPG vs PNG

Laut Google sind WebP-Bilder:

25-34% kleiner als vergleichbare JPEG-Bilder.
26% kleiner als vergleichbare PNG-Bilder.

Auf der WebP Seite von Google können Sie die vollständigen Ergebnisse erhalten:

Die WebP Grafik auf dieser Seite https://static2.r23.de/2022/02/charakterdesign_r23_5.webp ist 129 KB groß

Die PNG Grafik auf dieser Seite https://static2.r23.de/2022/02/charakterdesign_r23_5.png ist 227 KB groß.

Wie Sie WebP-Bilder in WordPress verwenden können

WebP Bilder können Sie wie PNG und Fotos in JPG verwenden. Laden Sie einfach Ihre WebP Bilder in Ihre Mediathek hoch und fügen sie in Ihren Beitrag ein. WordPress unterstützt seit Version 5.8 das WebP Format standardmäßig. Sie benötigen keine zusätzlichen Plugins.

Conversion von Bildern in das WebP-Format

In unserem Fotostudio konvertieren wir Ihre bestehenden Fotos und Grafiken mit entsprechenden Software-Programmen auf Sicht. D.h. wir öffnen die Datei und speichern sie mit einem prüfenden Blick in das WebP Format.

Für automatische Konvertierungen hält Google viele Tipps und Hinweise auf Software-Lösungen bereit. https://developers.google.com/speed/webp

Das war schon alles! Wir hoffen, dass dieses Tutorial hilfreich für Sie ist.

Jetzt sind Sie gefragt!

Wenn Sie Fragen zur Verwendung von WebP in WordPress haben, fragen Sie uns bitte in den Kommentaren unten!

Haben Sie Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freuen wir uns auf Ihren Kommentar.

Sie können diesen Beitrag natürlich auch weiterempfehlen. Wir sind Ihnen für jede Unterstützung dankbar!

Wie können wir Ihnen helfen?

Wir unterstützen Sie bei der Umsetzung Ihres Augmented Reality (AR) oder Virtual Reality (VR) Projektes! Egal ob Produktfotografie, 3D-Scan-Service, 3D-Visualisierung oder fertige 3D-Modelle für AR/VR – wir beraten Sie persönlich und unverbindlich.

Wünschen Sie ein individuelles Angebot auf Basis Ihrer aktuellen Vorlagen, nutzen Sie einfach unser Anfrageformular.