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.

Verwandeln Sie Ihren Commerce mit AR und 3D-Produktvisualisierung!

Bei uns geht es um Techniken, die es schaffen, das Produkt zum Erlebnis zu machen. Virtual & Augmented Reality, 360 Grad-Videos, Darstellungen in 3D, virtuelle Showrooms. Die Besucher:innen sollen eintauchen in die Welt des Unternehmens mit immersiven Technologien.

Sie können uns mit der Erstellung von individuellen 3D-Visualisierungen beauftragen. Jeder kann 3D-Visualisierungen bei unserem Kreativservice bestellen - unabhängig davon, ob Sie nur ein einzelnes 3D-Modell benötigen oder viele.

Produktion von 3D-Inhalten

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! Ob Produktfotografie, 3D-Scan-Service, 3D-Visualisierung oder fertige 3D-Modelle für AR/VR - wir beraten Sie persönlich und unverbindlich.

Wenn Sie ein individuelles Angebot auf Basis Ihrer aktuellen Vorlagen (Fotos, Zeichnungen, Skizzen) wünschen, nutzen Sie einfach unser Anfrageformular.