Wie Sie WebP-Bilder in WordPress verwenden können

Allgemein Schlagwörter: , , , 0 Kommentare

Wir stellen unsere 3D-Maskottchen / Charakter im Blog auf das Dateiformat 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!

Was ist 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.

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.
Charakterdesign / Maskottchen

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

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

Die Mehrheit der Internet-Anwender verwendet einen Browser, der 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 unterstützt.

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 Format. Für die PDF-Datei dieser Seite wird das Bild automatisch auf dem Server in JPG konvertiert.

Charakterdesign

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

Charakterdesign

Größenvergleich zwischen vs JPG vs PNG

Laut Google sind -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.

Wie Sie WebP-Bilder in WordPress verwenden können 1

R23 Newsletter

ABONNIEREN SIE UNSEREN NEWSLETTER

Liebe Leserin, lieber Leser,

wenn Sie sich für aktuelle Themen und Tipps rund um unser Atelier für Virtual & Augmented Reality interessieren, dann melden Sie sich jetzt für unseren kostenlosen Newsletter an. Sie erhalten wöchentlich eine E-Mail mit spannenden Artikeln, exklusiven Angeboten und praktischen Ratschlägen.

Um sich anzumelden, füllen Sie einfach das folgende Formular aus und klicken Sie auf “SETZ DICH AUF DIE LISTE”. Sie können sich jederzeit wieder abmelden, wenn Sie möchten.

Wir freuen uns auf Ihre Anmeldung!

Wir senden keinen Spam! Erfahren Sie mehr in unserer Datenschutzerklärung.

Hat Ihnen dieser Artikel gefallen?

Mit Ihrer Bewertung helfen Sie uns, unsere Inhalte noch weiter zu verbessern.

Gefällt Ihnen dieser Beitrag? Teilen Sie ihn mit anderen. Sie machen uns damit eine große Freude!
R23
R23 : Metaverse, Augmented Reality, Virtual Reality

Kommentar verfassen

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Ralf Dreiundzwanzig: Atelier für Virtual & Augmented Reality

Aktuell

Virtuelle Influencerin

Charakterdesign
In unserem r23 Atelier in Hagen entwerfen wir für Ihr Unternehmen, Ihre Organisation oder Ihr Projekt die passende virtuelle Influencerin. Wir entwerfen gerade eine virtuelle Influencerin für uns selbst. Verfolgen Sie die Entstehung auf https://blog.r23.de/tag/claudia/
Virtuelle Influencer von R23