{"id":35575,"date":"2020-06-22T02:41:37","date_gmt":"2020-06-22T09:41:37","guid":{"rendered":"https:\/\/staging.kinsta.site\/?p=72780"},"modified":"2022-03-07T20:44:05","modified_gmt":"2022-03-07T19:44:05","slug":"webp","status":"publish","type":"post","link":"https:\/\/staging.kinsta.site\/de\/blog\/webp\/","title":{"rendered":"Wie man WebP-Bilder in WordPress verwendet (Verkleinerung der Bilddateien um bis zu 35%)"},"content":{"rendered":"<p>Wenn du <a href=\"https:\/\/staging.kinsta.site\/de\/lernen\/wordpress-beschleunigen\/\">deine WordPress-Seite beschleunigen<\/a> willst, bietet die Verringerung der Dateigr\u00f6\u00dfe deiner Bilder eine erhebliche Rendite f\u00fcr deine Investition. Im Durchschnitt machen Bilder etwa die H\u00e4lfte der Dateigr\u00f6\u00dfe einer Webseite aus, also k\u00f6nnen selbst kleine Verbesserungen enorme Ergebnisse bringen. WebP kann dir dabei immens helfen!<\/p>\n<p>WebP ist ein modernes Bildformat, das dir helfen kann, die Gr\u00f6\u00dfe deiner Bilder zu reduzieren, ohne ihr Aussehen zu ver\u00e4ndern. Wenn du lernst, wie man ein Bild in WebP konvertiert, kann die Dateigr\u00f6\u00dfe im Durchschnitt um ~25-35% schrumpfen; ohne erkennbaren Qualit\u00e4tsverlust.<\/p>\n<p>Die meisten <a href=\"https:\/\/staging.kinsta.site\/de\/browser-marktanteil\/\">modernen Browser<\/a> und <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-5-8\/\">WordPress 5.8+<\/a> unterst\u00fctzen WebP von Haus aus. In diesem Artikel werden wir tief in dieses aufregende neue Bildformat eintauchen und dir zeigen, wie du seine Vorz\u00fcge nutzen kannst.<\/p>\n<p>Bist du bereit? Dann lass uns loslegen!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Was ist WebP?<\/h2>\n<p>Also, was ist eine WebP Datei? Kurz gesagt ist WebP ein Bildformat, das von Google entwickelt wurde, um Bilder besser zu optimieren als g\u00e4ngige Bildformate (zu dieser Zeit). Du hast zum Beispiel Bildformate wie <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/jpg-vs-jpeg\/\">JPEG oder JPG<\/a> und PNG.<\/p>\n<p><strong>Hinweis<\/strong>: Sieh dir an, wie sich <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/bilddateitypen\/\">unterschiedliche Bilddateitypen<\/a> auf die Geschwindigkeit deiner Webseite auswirken k\u00f6nnen.<\/p>\n<p>WebP konzentriert sich darauf, die gleiche Bilddatei zu liefern, nur mit kleineren Dateigr\u00f6\u00dfen. Indem du die Gr\u00f6\u00dfe deiner Bilddateien reduzierst, kannst du den Besuchern deiner Webseite immer noch das gleiche Erlebnis bieten, aber <a href=\"https:\/\/staging.kinsta.site\/de\/lernen\/website-geschwindigkeit\/\">deine Webseite wird schneller geladen<\/a>.<\/p>\n<p>In <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\">Googles WebP-Kompressionsstudie<\/a> hat Google zum Beispiel herausgefunden, dass eine WebP-Bilddatei im Durchschnitt:<\/p>\n<ul>\n<li>25-34% kleiner ist als ein vergleichbares JPEG-Bild.<\/li>\n<li>26% kleiner als ein vergleichbares PNG-Bild.<\/li>\n<\/ul>\n<p>Das ist der Grund, warum du <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/google-pagespeed-insights\/\">deine Webseite durch PageSpeed Insights laufen l\u00e4sst<\/a> und eine der vielen Empfehlungen ist, <strong>Bilder in Next-Gen-Formaten wie WebP zu verwenden<\/strong>:<\/p>\n<figure id=\"attachment_72785\" aria-describedby=\"caption-attachment-72785\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72785 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/05\/google-pagespeed-insights-1024x621.png\" alt=\"Google PageSpeed Insights empfiehlt die Verwendung von WebP-Bildern\" width=\"1024\" height=\"621\"><figcaption id=\"caption-attachment-72785\" class=\"wp-caption-text\">Google PageSpeed Insights empfiehlt die Verwendung von WebP-Bildern<\/figcaption><\/figure>\n<p>Wie erreicht das WebP-Format von Google diese Verringerung der Dateigr\u00f6\u00dfe?<\/p>\n<p>Erstens unterst\u00fctzt es <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/verlustbehaftete-kompression\/\">verlustbehaftete und verlustfreie Komprimierung<\/a>. Die genaue Reduzierung h\u00e4ngt also davon ab, ob du verlustbehaftete oder verlustfreie Komprimierung verwendest.<\/p>\n<p>Bei der verlustbehafteten Komprimierung verwendet WebP eine sogenannte &#8222;pr\u00e4diktive Kodierung&#8220;, um die Dateigr\u00f6\u00dfe zu verringern. Predictive Coding nutzt die Werte von benachbarten Pixeln in einem Bild, um Werte vorherzusagen und kodiert dann nur die Differenz. Es basiert auf dem VP8 Key Frame Encoding.<\/p>\n<p>Lossless WebP verwendet eine viel kompliziertere Reihe von Methoden, die vom WebP Team entwickelt wurden.<\/p>\n<p>Wenn du die WebP-Kompressionsverfahren im Detail kennenlernen m\u00f6chtest, <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/compression\">ist dieser Artikel ein guter Ausgangspunkt<\/a>.<\/p>\n<h2>Welche Webbrowser unterst\u00fctzen WebP?<\/h2>\n<p>Damit WebP-Bilder funktionieren, muss der Webbrowser des Besuchers sie unterst\u00fctzen. Leider ist die <strong>WebP-Kompatibilit\u00e4t immer noch nicht \u00fcberall gegeben<\/strong>, obwohl die Browserunterst\u00fctzung stark gewachsen ist.<\/p>\n<p>WebP-Bilder werden von g\u00e4ngigen Browsern unterst\u00fctzt, wie z.B.:<\/p>\n<ul>\n<li>Chrome <em>(Desktop und mobil)<\/em><\/li>\n<li>Firefox <em>(Desktop und mobil)<\/em><\/li>\n<li>Microsoft Edge<\/li>\n<li>iOS und macOS Safari <em>(nur macOS 11 Big Sur und sp\u00e4ter)<\/em><\/li>\n<li>Opera <em>(Desktop und mobil)<\/em><\/li>\n<\/ul>\n<p>Zu dem Zeitpunkt, zu dem wir diesen Beitrag schreiben, unterst\u00fctzt Safari WebP-Bilder nur teilweise.<\/p>\n<p>Dem Internet Explorer fehlt ebenfalls die WebP-Unterst\u00fctzung (aber Edge unterst\u00fctzt WebP, da es auf Chromium basiert). Allerdings ist die Nutzung des IE auf weniger als 1% der gesamten Internetnutzer geschrumpft. Das ist ein Segen f\u00fcr alle im Web!<\/p>\n<p>Insgesamt nutzen <a href=\"https:\/\/caniuse.com\/#feat=webp\">etwa 95% der Internetnutzer<\/a> einen Browser, der WebP unterst\u00fctzt. W\u00e4hrend es also sicherlich eine mehrheitliche Unterst\u00fctzung hat, sind diese 5% eine kleine H\u00fcrde, vor allem wenn es sich um Safari-Nutzer auf \u00e4lteren macOS-Versionen handelt. In unserem WordPress WebP-Tutorial zeigen wir dir, wie du damit umgehst, damit alle deine Besucher ein tolles Erlebnis haben.<\/p>\n<figure id=\"attachment_99587\" aria-describedby=\"caption-attachment-99587\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99587 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/06\/WebP-Browsers-Support-CanIUse.jpg\" alt=\"WebP-Unterst\u00fctzung in allen g\u00e4ngigen Browsern.\" width=\"1100\" height=\"584\"><figcaption id=\"caption-attachment-99587\" class=\"wp-caption-text\">WebP-Unterst\u00fctzung in allen g\u00e4ngigen Browsern.<\/figcaption><\/figure>\n<h2>Gr\u00f6\u00dfenvergleich zwischen WebP vs JPG vs PNG<\/h2>\n<p>Laut Googles Tests sind WebP-Bilder:<\/p>\n<ul>\n<li>25-34% kleiner als vergleichbare JPEG-Bilder.<\/li>\n<li>26% kleiner als vergleichbare PNG-Bilder.<\/li>\n<\/ul>\n<p>Wenn du mehr \u00fcber Googles Methodik erfahren m\u00f6chtest, findest du unten direkte Links zu den vollst\u00e4ndigen Ergebnissen:<\/p>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\" target=\"_blank\" rel=\"noopener noreferrer\">JPEG<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_lossless_alpha_study#results\" target=\"_blank\" rel=\"noopener noreferrer\">PNG<\/a><\/li>\n<\/ul>\n<p>Beide Tests basieren auf \u00fcber 11.000 Bildern, darunter:<\/p>\n<ul>\n<li>Das ber\u00fchmte <a href=\"http:\/\/v\">Lenna-Bild<\/a><\/li>\n<li>24 Bilder aus der <a href=\"http:\/\/r0k.us\/graphics\/kodak\/\">Kodak True Color Image Suite<\/a><\/li>\n<li>100 Bilder von Tecnick.com<\/li>\n<li>Eine zuf\u00e4llige Auswahl von 11.000+ Bildern aus der Google Bildersuche<\/li>\n<\/ul>\n<h2>Wie man WebP-Bilder in WordPress verwendet<\/h2>\n<p>Beginnend mit <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-5-8\/\">WordPress 5.8<\/a>, kannst du das WebP-Bildformat auf die gleiche Weise wie JPEG, PNG und GIF verwenden. <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-medienbibliothek\/\">Lade deine Bilder einfach in deine Mediathek hoch<\/a> und f\u00fcge sie in deinen Inhalt ein. Da WordPress 5.8+ das WebP-Format standardm\u00e4\u00dfig unterst\u00fctzt, musst du keine Drittanbieter-Plugins installieren, um WebP-Bilder hochzuladen. Das sollte f\u00fcr die meisten g\u00e4ngigen Anwendungsf\u00e4lle ausreichen.<\/p>\n<p>Um sofort loszulegen, kannst du dir unsere Kurzanleitung zur <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-5-8\/#how-to-use-webp-images-in-wordpress\">Verwendung von WebP-Bildern in WordPress 5.8+<\/a> ansehen. Wir empfehlen dir, die <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-5-8\/#caveats-about-webp-in-wordpress-58\">Vorbehalte gegen die WebP-Unterst\u00fctzung in WordPress durchzugehen<\/a>.<\/p>\n<p>Etwa 5% der Nutzer (haupts\u00e4chlich Safari-Nutzer auf \u00e4lteren macOS-Systemen) verwenden jedoch einen Webbrowser, der WebP nicht unterst\u00fctzt. Wenn du WebP-Bilder konvertierst und sie direkt in <a href=\"https:\/\/staging.kinsta.site\/de\/lernen\/content-marketing\/\">deinem Content<\/a> verwendest, k\u00f6nnen diese Besucher deine Bilder nicht sehen, was ihr Browsing-Erlebnis ruinieren w\u00fcrde.<\/p>\n<p>Au\u00dferdem ist die Erstellung von WebP-Bildern nicht so einfach wie die eines JPG\/JPEG-Bildes, welches das Standard-Bildformat der meisten Kameras, Smartphones und <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/kiostenlose-bilder-fur-wordpress\/\">Online-Bildbibliotheken<\/a> ist. WordPress unterst\u00fctzt (noch!) keine automatische Conversion von Bildern in das WebP-Format.<\/p>\n<p>Mach dir keine Sorgen! Es gibt eine L\u00f6sung.<\/p>\n<p>Du kannst ein WordPress-Plugin verwenden, das deine Originalbilder in das WebP-Format konvertiert <strong>und au\u00dferdem<\/strong> das Originalbild als Fallback bereitstellt, wenn der Browser eines Besuchers WebP nicht unterst\u00fctzt.<\/p>\n<p>Wenn du zum Beispiel eine JPEG-Datei auf deine Webseite hochl\u00e4dst, wird das Plugin:<\/p>\n<ul>\n<li>Die JPEG-Datei in WebP umwandeln und die WebP-Version f\u00fcr Chrome, Firefox, Edge, etc. bereitstellen.<\/li>\n<li>Die originale JPEG-Datei f\u00fcr Besucher anzeigen, die mit Safari (auf \u00e4lteren macOS-Versionen) und anderen Browsern, die WebP nicht unterst\u00fctzen, surfen.<\/li>\n<\/ul>\n<p>Auf diese Weise kann jeder dein Bild sehen, und jeder bekommt die schnellstm\u00f6gliche Erfahrung.<\/p>\n<p>Im Folgenden stellen wir dir einige der <strong>besten WebP-Plugins f\u00fcr WordPress<\/strong> vor, die alle mit Kinsta und <a href=\"https:\/\/staging.kinsta.site\/docs\/kinsta-cdn\/\">dem Kinsta CDN<\/a> funktionieren.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Wenn du bei Kinsta hostest, musst du dich <a href=\"https:\/\/staging.kinsta.site\/de\/kinsta-support\/\">mit unserem Support in Verbindung setzen<\/a>, damit wir eine Nginx-Regel f\u00fcr WebP-Cache-Buckets f\u00fcr einige dieser Plugins erstellen k\u00f6nnen.<\/p>\n<\/aside>\n\n<h3>ShortPixel<\/h3>\n<figure id=\"attachment_73553\" aria-describedby=\"caption-attachment-73553\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/06\/ShortPixel-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-73553 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/06\/ShortPixel-plugin.jpg\" alt=\"ShortPixel WordPress Plugin\" width=\"1500\" height=\"500\"><\/a><figcaption id=\"caption-attachment-73553\" class=\"wp-caption-text\">ShortPixel WordPress Plugin<\/figcaption><\/figure>\n<p><a href=\"https:\/\/staging.kinsta.site\/de\/blog\/optimiert-bilder-fur-web\/#shortpixel\">ShortPixel<\/a> ist ein beliebtes WordPress Plugin zur <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/optimiert-bilder-fur-web\/\">Bildoptimierung<\/a>, das dir helfen kann, die Gr\u00f6\u00dfe der Bilder, die du auf deine Webseite hochl\u00e4dst, automatisch zu \u00e4ndern und zu komprimieren.<\/p>\n<p>Als Teil der Feature-Liste kann ShortPixel dir auch dabei helfen, Bilder automatisch in WebP zu konvertieren und diese Bilder an Browser zu senden, die dies unterst\u00fctzen.<\/p>\n<p>ShortPixel hat einen begrenzten kostenlosen Plan, mit dem du ~100 Bilder pro Monat kostenlos optimieren kannst. Bezahlte Pl\u00e4ne beginnen bei $4,99 pro Monat f\u00fcr bis zu 5.000 Bilder\/Credits oder $9,99 einmalig f\u00fcr ein Paket von 10.000 Credits.<\/p>\n<p>ShortPixel z\u00e4hlt jede WordPress Bildgr\u00f6\u00dfe, die du optimierst, als einen Credit. Wenn du also mehrere Thumbnail-Gr\u00f6\u00dfen optimieren willst, kann ein Bild durchaus mehrere Credits verbrauchen. Es gibt keine Dateigr\u00f6\u00dfenbegrenzung f\u00fcr Bilder.<\/p>\n<p>Du kannst deine ShortPixel-Credits auf beliebig viele Webseiten verteilen &#8211; es gibt keine Beschr\u00e4nkungen pro Webseite<em> (und alle deine Webseiten k\u00f6nnen denselben ShortPixel-Account nutzen).<\/em><\/p>\n<p>Um ShortPixel f\u00fcr die Bereitstellung von WebP-Bildern in WordPress zu nutzen, musst du <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\">das Plugin von WordPress.org installieren<\/a> und deinen API-Schl\u00fcssel hinzuf\u00fcgen<em> (den du erh\u00e4ltst, wenn du dich f\u00fcr ein kostenloses ShortPixel-Konto registrierst).<\/em><\/p>\n<p>Im Reiter <strong>Allgemein <\/strong>kannst du grundlegende Einstellungen vornehmen, wie die Bildoptimierung funktioniert. Zum Beispiel, welche Komprimierungsstufe verwendet werden soll und ob die Gr\u00f6\u00dfe der Bilder angepasst werden soll oder nicht:<\/p>\n<figure id=\"attachment_72787\" aria-describedby=\"caption-attachment-72787\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72787 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/05\/webp-images-1-shortpixel-1024x771.png\" alt=\"Wie man das Komprimierungslevel und die Bildgr\u00f6\u00dfe in ShortPixel einstellt\" width=\"1024\" height=\"771\"><figcaption id=\"caption-attachment-72787\" class=\"wp-caption-text\">Wie man das Komprimierungslevel und die Bildgr\u00f6\u00dfe in ShortPixel einstellt<\/figcaption><\/figure>\n<p>Um WebP-Bilder zu aktivieren, gehe auf den Reiter <strong>Erweitert <\/strong>und:<\/p>\n<ol>\n<li>Markiere das K\u00e4stchen f\u00fcr <strong>WebP-Bilder<\/strong><\/li>\n<li>Markiere das K\u00e4stchen f\u00fcr <strong>Deliver the WebP versions<\/strong>&#8230; (dies erscheint, nachdem du das erste K\u00e4stchen markiert hast)<\/li>\n<li>Aktiviere das Kontrollk\u00e4stchen f\u00fcr <strong>Using the &lt;PICTURE&gt; tag syntax<\/strong> (dies erscheint, nachdem du das vorherige K\u00e4stchen markiert hast)<\/li>\n<li>Belasse die Standardauswahl <strong>Only via WordPress hooks<\/strong><\/li>\n<\/ol>\n<figure id=\"attachment_72788\" aria-describedby=\"caption-attachment-72788\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72788 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/05\/webp-images-2-shortpixel-webp-settings-1024x809.png\" alt=\"Wie man WordPress WebP Bilder in ShortPixel aktiviert\" width=\"1024\" height=\"809\"><figcaption id=\"caption-attachment-72788\" class=\"wp-caption-text\">Wie man WordPress WebP Bilder in ShortPixel aktiviert<\/figcaption><\/figure>\n<p>Dann speichere deine \u00c4nderungen.<\/p>\n<p>Wenn du bei Kinsta hostest, wird ShortPixel dir eine Warnmeldung \u00fcber die Konfiguration der Serverkonfigurationsdateien auf Nginx geben. Um diese Einstellungen zu konfigurieren, kannst du dich <a href=\"https:\/\/staging.kinsta.site\/de\/kinsta-support\/\">an den Kinsta-Support wenden<\/a>, und wir werden die Serverkonfiguration gerne f\u00fcr dich einrichten.<\/p>\n<h3>Imagify<\/h3>\n<figure id=\"attachment_73552\" aria-describedby=\"caption-attachment-73552\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/06\/Imagify-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-73552 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/06\/Imagify-plugin.jpg\" alt=\"Imagify WordPress Plugin\" width=\"1500\" height=\"500\"><\/a><figcaption id=\"caption-attachment-73552\" class=\"wp-caption-text\">Imagify WordPress Plugin<\/figcaption><\/figure>\n<p><a href=\"https:\/\/staging.kinsta.site\/de\/blog\/optimiert-bilder-fur-web\/#imagify\">Imagify<\/a> ist ein beliebtes Plugin zur Bildoptimierung vom gleichen Entwickler <a href=\"https:\/\/wp-rocket.me\/\">wie WP Rocket<\/a> (<a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wp-rocket\/\">eins der wenigen Caching-Plugins, die mit Kinsta funktionieren<\/a>).<\/p>\n<p>Es kann die Bilder, die du auf deine WordPress-Seite hochl\u00e4dst, automatisch komprimieren und in der Gr\u00f6\u00dfe anpassen. Dann kann es dir auch helfen, sie in WebP zu konvertieren und diese Versionen den Besuchern mit Browsern, die dies unterst\u00fctzen, zur Verf\u00fcgung zu stellen.<\/p>\n<p>Was die Funktionen angeht, haben ShortPixel und Imagify viele Gemeinsamkeiten. Der gr\u00f6\u00dfte Unterschied liegt in der Preisgestaltung. W\u00e4hrend ShortPixel auf Basis der Bilder abrechnet, ohne Gr\u00f6\u00dfenbeschr\u00e4nkung pro Bild, rechnet Imagify auf Basis der gesamten Dateigr\u00f6\u00dfe ab, ohne Bildbeschr\u00e4nkung.<\/p>\n<p>Wenn du also viele gro\u00dfe Bilder optimieren musst, ist der Ansatz von ShortPixel vielleicht g\u00fcnstiger. Aber wenn du viele kleine Bilder optimieren musst, ist Imagify vielleicht erschwinglicher.<\/p>\n<p>Imagify hat eine begrenzte kostenlose Version, die 25 MB an Optimierungen pro Monat erlaubt. Danach beginnen die kostenpflichtigen Pl\u00e4ne bei $4,99 pro Monat f\u00fcr bis zu 1 GB oder $9,99 f\u00fcr ein einmaliges Guthaben von 1 GB.<\/p>\n<p>Wie bei ShortPixel kannst du dein Kontolimit auf unbegrenzte Webseiten verteilen.<\/p>\n<p>Um Imagify f\u00fcr die Bereitstellung von WordPress WebP-Bildern zu nutzen, musst du das <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">Plugin von WordPress.org<\/a> installieren und deinen API-Schl\u00fcssel hinzuf\u00fcgen, um loszulegen.<\/p>\n<p>Sobald du das Plugin aktiviert hast, kannst du in den <strong>allgemeinen Einstellungen<\/strong> deine Komprimierungsstufe w\u00e4hlen.<\/p>\n<figure id=\"attachment_72782\" aria-describedby=\"caption-attachment-72782\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72782 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/05\/webp-images-imagify-compression-1024x639.png\" alt=\"So stellst du die Kompressionsstufe in Imagify ein\" width=\"1024\" height=\"639\"><figcaption id=\"caption-attachment-72782\" class=\"wp-caption-text\">So stellst du die Kompressionsstufe in Imagify ein<\/figcaption><\/figure>\n<p>Um WebP-Bilder zu aktivieren, scrolle runter zum Abschnitt <strong>Optimierung <\/strong>und gehe zum Abschnitt <strong>WebP-Format<\/strong>:<\/p>\n<ol>\n<li>Aktiviere das K\u00e4stchen, um <strong>Webp-Versionen von Bildern zu erstellen<\/strong>.<\/li>\n<li>Aktiviere das K\u00e4stchen, um <strong>Bilder im WebP-Format anzuzeigen&#8230;<\/strong><\/li>\n<li>W\u00e4hle den Radiobutton, um<strong>&lt;picture&gt; Tags zu verwenden<\/strong><\/li>\n<\/ol>\n<figure id=\"attachment_72783\" aria-describedby=\"caption-attachment-72783\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72783 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/05\/webp-images-imagify-webp-1024x369.png\" alt=\"Wie man WordPress WebP Bilder in Imagify aktiviert\" width=\"1024\" height=\"369\"><figcaption id=\"caption-attachment-72783\" class=\"wp-caption-text\">Wie man WordPress WebP Bilder in Imagify aktiviert<\/figcaption><\/figure>\n<p>Wenn du bei Kinsta hostest, musst du wie bei ShortPixel eine <a href=\"https:\/\/staging.kinsta.site\/de\/wissensdatenbank\/was-ist-nginx\/\">Nginx<\/a>-Regel f\u00fcr WebP-Cache-Buckets erstellen (wende dich an den Kinsta-Support).<\/p>\n<h3>Optimole<\/h3>\n<figure id=\"attachment_73554\" aria-describedby=\"caption-attachment-73554\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/06\/Optimole-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-73554 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/06\/Optimole-plugin.jpg\" alt=\"Optimole WordPress Plugin\" width=\"1500\" height=\"500\"><\/a><figcaption id=\"caption-attachment-73554\" class=\"wp-caption-text\">Optimole WordPress Plugin<\/figcaption><\/figure>\n<p><a href=\"https:\/\/staging.kinsta.site\/de\/blog\/optimiert-bilder-fur-web\/#optimolehttps:\/\/staging.kinsta.site\/blog\/optimize-images-for-web\/#optimole\">Optimole<\/a> ist ein WordPress Plugin zur Bildoptimierung, das ein wenig anders funktioniert als Imagify und ShortPixel. Optimole kann deine Bilder automatisch komprimieren und die Gr\u00f6\u00dfe \u00e4ndern. Allerdings hat es auch zwei andere bemerkenswerte Funktionen:<\/p>\n<ol>\n<li>Es kann deine Bilder \u00fcber sein CDN (powered by Amazon CloudFront) bereitstellen.<\/li>\n<li>Es bietet adaptive Bilder in Echtzeit, wobei Optimole f\u00fcr jeden Besucher das Bild in der optimalen Gr\u00f6\u00dfe ausliefert. Zum Beispiel wird jemand, der auf einem kleinen Bildschirm surft, ein niedriger aufgel\u00f6stes Bild erhalten als jemand, der auf einem Retina-Bildschirm surft.<\/li>\n<\/ol>\n<p>Dieser Ansatz ist vergleichbar mit anderen Echtzeit-Optimierungs-\/Bearbeitungsdiensten wie Cloudinary, imgix, KeyCDN Image Processing, etc.<\/p>\n<p>Optimole kann auch WebP-Bilder an Besucher mit Browsern ausliefern, die dies als Teil dieser Echtzeit-Bildoptimierung unterst\u00fctzen.<\/p>\n<p>Optimole hat einen begrenzt kostenlosen Plan, der die Auslieferung von Bildern an ca. 5.000 Besucher pro Monat erm\u00f6glicht. Danach beginnen die kostenpflichtigen Pl\u00e4ne bei $19 pro Monat f\u00fcr ~25.000 Besucher.<\/p>\n<p>Um loszulegen, musst du das <a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\">Plugin von WordPress.org<\/a> installieren und es mit einem API-Schl\u00fcssel aktivieren<em> (den du bekommst, wenn du dich f\u00fcr einen kostenlosen Optimole-Account registrierst)<\/em>.<\/p>\n<p>Sobald du das getan hast, wird Optimole automatisch deine Bilder optimieren und sie \u00fcber das <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/wordpress-cdn\/\">CDN<\/a> ausliefern. Die WebP-Unterst\u00fctzung ist standardm\u00e4\u00dfig aktiviert, du musst sie also nicht manuell einschalten.<\/p>\n<p>Um andere Einstellungen zu konfigurieren, wie z.B. Kompressionsstufen und Skalierungsverhalten, kannst du zu <strong>Medien \u2192 Optimole \u2192 Einstellungen<\/strong> gehen:<\/p>\n<figure id=\"attachment_72786\" aria-describedby=\"caption-attachment-72786\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72786 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2020\/05\/optimole-1024x685.png\" alt=\"Optimole aktiviert standardm\u00e4\u00dfig WordPress WebP-Bilder.\" width=\"1024\" height=\"685\"><figcaption id=\"caption-attachment-72786\" class=\"wp-caption-text\">Optimole aktiviert standardm\u00e4\u00dfig WordPress WebP-Bilder.<\/figcaption><\/figure>\n<p>Da Optimole die Auslieferung deiner Bilder \u00fcber sein CDN abwickelt, musst du keine Nginx-Regeln einrichten, wenn du bei Kinsta hostest.<\/p>\n\n<h2>Zusammenfassung<\/h2>\n<p>Die Bilder deiner WordPress-Seite machen einen gro\u00dfen Teil der Dateigr\u00f6\u00dfe einer durchschnittlichen Seite aus. Wenn du Wege findest, die Gr\u00f6\u00dfe deiner Bilder zu reduzieren, kannst du <a href=\"https:\/\/staging.kinsta.site\/de\/lernen\/wordpress-beschleunigen\/\">deine Webseite beschleunigen<\/a>, ohne das Nutzererlebnis zu beeintr\u00e4chtigen. WebP ist ein modernes Bildformat, das genau das tut, indem es eine ~25%ige Reduzierung der Dateigr\u00f6\u00dfe gegen\u00fcber vergleichbaren JPEG oder PNG Dateien bietet.<\/p>\n<p>Rund 95% der Internetnutzer verwenden bereits einen Browser, der WebP unterst\u00fctzt. Auch WordPress 5.8+ Versionen unterst\u00fctzen WebP nun von Haus aus. Es gibt also keinen Grund, warum du es nicht nutzen solltest.<\/p>\n<p>Eine Minderheit von Browsern, vor allem Safari auf \u00e4lteren macOS-Versionen, bietet jedoch immer noch keine WebP-Unterst\u00fctzung. Daher kannst du WebP-Bilder noch nicht allen Besuchern anbieten. Um dieses Problem zu l\u00f6sen, kannst du ein WordPress-Plugin verwenden, das Bilder in WebP konvertiert und WebP-Versionen an Besucher ausliefert, deren Browser dies unterst\u00fctzen, w\u00e4hrend du die Originalbilder f\u00fcr Besucher verwendest, deren Browser dies nicht unterst\u00fctzen.<\/p>\n<p>F\u00fcr weitere Taktiken zur Optimierung von Bildern, schau dir <a href=\"https:\/\/staging.kinsta.site\/de\/blog\/optimiert-bilder-fur-web\/\">unseren vollst\u00e4ndigen Leitfaden zur Optimierung von Bildern f\u00fcr die Web-Performance<\/a> an.<\/p>\n<p><em>Wenn du Fragen zur Verwendung von WebP in WordPress hast, frag uns bitte in den Kommentaren unten!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wenn du deine WordPress-Seite beschleunigen willst, bietet die Verringerung der Dateigr\u00f6\u00dfe deiner Bilder eine erhebliche Rendite f\u00fcr deine Investition. Im Durchschnitt machen Bilder etwa die H\u00e4lfte &#8230;<\/p>\n","protected":false},"author":117,"featured_media":45736,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[200,357],"topic":[],"class_list":["post-35575","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-pagespeed","tag-webp"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.1.2 (Yoast SEO v25.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Verwendung von WebP-Bildern in WordPress (und Verkleinerung der Bilddatei um bis zu 35%)<\/title>\n<meta name=\"description\" content=\"Willst du die Dateigr\u00f6\u00dfe von Bildern reduzieren? Erfahre mehr \u00fcber das WebP Bildformat und wie du es auf deiner WordPress-Seite verwenden kannst.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie man WebP-Bilder in WordPress verwendet (Verkleinerung der Bilddateien um bis zu 35%)\" \/>\n<meta property=\"og:description\" content=\"Willst du die Dateigr\u00f6\u00dfe von Bildern reduzieren? Erfahre mehr \u00fcber das WebP Bildformat und wie du es auf deiner WordPress-Seite verwenden kannst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-22T09:41:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-07T19:44:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Salman Ravoof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Willst du die Dateigr\u00f6\u00dfe von Bildern reduzieren? Erfahre mehr \u00fcber das WebP Bildformat und wie du es auf deiner WordPress-Seite verwenden kannst.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"12\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/#\/schema\/person\/a8a6cbef84726e025b022f7ed6f84d05\"},\"headline\":\"Wie man WebP-Bilder in WordPress verwendet (Verkleinerung der Bilddateien um bis zu 35%)\",\"datePublished\":\"2020-06-22T09:41:37+00:00\",\"dateModified\":\"2022-03-07T19:44:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/\"},\"wordCount\":2258,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg\",\"keywords\":[\"pagespeed\",\"webp\"],\"articleSection\":[\"Die besten WordPress Tutorials\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/\",\"url\":\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/\",\"name\":\"Verwendung von WebP-Bildern in WordPress (und Verkleinerung der Bilddatei um bis zu 35%)\",\"isPartOf\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg\",\"datePublished\":\"2020-06-22T09:41:37+00:00\",\"dateModified\":\"2022-03-07T19:44:05+00:00\",\"description\":\"Willst du die Dateigr\u00f6\u00dfe von Bildern reduzieren? Erfahre mehr \u00fcber das WebP Bildformat und wie du es auf deiner WordPress-Seite verwenden kannst.\",\"breadcrumb\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#primaryimage\",\"url\":\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg\",\"contentUrl\":\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg\",\"width\":1460,\"height\":730,\"caption\":\"Verwendung von WebP-Bildern in WordPress (und Verkleinerung der Bilddatei um bis zu 35%)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/staging.kinsta.site\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wie man WebP-Bilder in WordPress verwendet (Verkleinerung der Bilddateien um bis zu 35%)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/#website\",\"url\":\"https:\/\/staging.kinsta.site\/de\/\",\"name\":\"Kinsta\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/staging.kinsta.site\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/staging.kinsta.site\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/kinsta.png\",\"contentUrl\":\"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/kinsta.png\",\"width\":580,\"height\":580,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/#\/schema\/person\/a8a6cbef84726e025b022f7ed6f84d05\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/staging.kinsta.site\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8eb728311a3846982bd71559af592d04bbf0f7afc39b0c04b3d62f1100a01cff?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8eb728311a3846982bd71559af592d04bbf0f7afc39b0c04b3d62f1100a01cff?s=96&d=mm&r=g\",\"caption\":\"Salman Ravoof\"},\"description\":\"Salman Ravoof is a Technical Editor at Kinsta. He's a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.\",\"sameAs\":[\"https:\/\/salmanravoof.com\",\"https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/\",\"https:\/\/x.com\/salmanravoof\"],\"url\":\"https:\/\/staging.kinsta.site\/de\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Verwendung von WebP-Bildern in WordPress (und Verkleinerung der Bilddatei um bis zu 35%)","description":"Willst du die Dateigr\u00f6\u00dfe von Bildern reduzieren? Erfahre mehr \u00fcber das WebP Bildformat und wie du es auf deiner WordPress-Seite verwenden kannst.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/staging.kinsta.site\/de\/blog\/webp\/","og_locale":"de_DE","og_type":"article","og_title":"Wie man WebP-Bilder in WordPress verwendet (Verkleinerung der Bilddateien um bis zu 35%)","og_description":"Willst du die Dateigr\u00f6\u00dfe von Bildern reduzieren? Erfahre mehr \u00fcber das WebP Bildformat und wie du es auf deiner WordPress-Seite verwenden kannst.","og_url":"https:\/\/staging.kinsta.site\/de\/blog\/webp\/","og_site_name":"Kinsta","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2020-06-22T09:41:37+00:00","article_modified_time":"2022-03-07T19:44:05+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg","type":"image\/jpeg"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Willst du die Dateigr\u00f6\u00dfe von Bildern reduzieren? Erfahre mehr \u00fcber das WebP Bildformat und wie du es auf deiner WordPress-Seite verwenden kannst.","twitter_image":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg","twitter_creator":"@salmanravoof","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Salman Ravoof","Gesch\u00e4tzte Lesezeit":"12\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#article","isPartOf":{"@id":"https:\/\/staging.kinsta.site\/de\/blog\/webp\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/staging.kinsta.site\/de\/#\/schema\/person\/a8a6cbef84726e025b022f7ed6f84d05"},"headline":"Wie man WebP-Bilder in WordPress verwendet (Verkleinerung der Bilddateien um bis zu 35%)","datePublished":"2020-06-22T09:41:37+00:00","dateModified":"2022-03-07T19:44:05+00:00","mainEntityOfPage":{"@id":"https:\/\/staging.kinsta.site\/de\/blog\/webp\/"},"wordCount":2258,"commentCount":0,"publisher":{"@id":"https:\/\/staging.kinsta.site\/de\/#organization"},"image":{"@id":"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg","keywords":["pagespeed","webp"],"articleSection":["Die besten WordPress Tutorials"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/staging.kinsta.site\/de\/blog\/webp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/staging.kinsta.site\/de\/blog\/webp\/","url":"https:\/\/staging.kinsta.site\/de\/blog\/webp\/","name":"Verwendung von WebP-Bildern in WordPress (und Verkleinerung der Bilddatei um bis zu 35%)","isPartOf":{"@id":"https:\/\/staging.kinsta.site\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#primaryimage"},"image":{"@id":"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg","datePublished":"2020-06-22T09:41:37+00:00","dateModified":"2022-03-07T19:44:05+00:00","description":"Willst du die Dateigr\u00f6\u00dfe von Bildern reduzieren? Erfahre mehr \u00fcber das WebP Bildformat und wie du es auf deiner WordPress-Seite verwenden kannst.","breadcrumb":{"@id":"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.kinsta.site\/de\/blog\/webp\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#primaryimage","url":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg","contentUrl":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg","width":1460,"height":730,"caption":"Verwendung von WebP-Bildern in WordPress (und Verkleinerung der Bilddatei um bis zu 35%)"},{"@type":"BreadcrumbList","@id":"https:\/\/staging.kinsta.site\/de\/blog\/webp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.kinsta.site\/de\/"},{"@type":"ListItem","position":2,"name":"Wie man WebP-Bilder in WordPress verwendet (Verkleinerung der Bilddateien um bis zu 35%)"}]},{"@type":"WebSite","@id":"https:\/\/staging.kinsta.site\/de\/#website","url":"https:\/\/staging.kinsta.site\/de\/","name":"Kinsta","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/staging.kinsta.site\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging.kinsta.site\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/staging.kinsta.site\/de\/#organization","name":"Kinsta","url":"https:\/\/staging.kinsta.site\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/staging.kinsta.site\/de\/#\/schema\/logo\/image\/","url":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/kinsta.png","contentUrl":"https:\/\/staging.kinsta.site\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/kinsta.png","width":580,"height":580,"caption":"Kinsta"},"image":{"@id":"https:\/\/staging.kinsta.site\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE"]},{"@type":"Person","@id":"https:\/\/staging.kinsta.site\/de\/#\/schema\/person\/a8a6cbef84726e025b022f7ed6f84d05","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/staging.kinsta.site\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8eb728311a3846982bd71559af592d04bbf0f7afc39b0c04b3d62f1100a01cff?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8eb728311a3846982bd71559af592d04bbf0f7afc39b0c04b3d62f1100a01cff?s=96&d=mm&r=g","caption":"Salman Ravoof"},"description":"Salman Ravoof is a Technical Editor at Kinsta. He's a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.","sameAs":["https:\/\/salmanravoof.com","https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/","https:\/\/x.com\/salmanravoof"],"url":"https:\/\/staging.kinsta.site\/de\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/posts\/35575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/comments?post=35575"}],"version-history":[{"count":7,"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/posts\/35575\/revisions"}],"predecessor-version":[{"id":48640,"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/posts\/35575\/revisions\/48640"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/dk"},{"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/kinsta\/v1\/posts\/35575\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/media\/45736"}],"wp:attachment":[{"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/media?parent=35575"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/tags?post=35575"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/staging.kinsta.site\/de\/wp-json\/wp\/v2\/topic?post=35575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}