{"id":35575,"date":"2020-06-22T02:41:37","date_gmt":"2020-06-22T09:41:37","guid":{"rendered":"https:\/\/kinsta.com\/?p=72780"},"modified":"2025-09-18T12:52:36","modified_gmt":"2025-09-18T11:52:36","slug":"webp","status":"publish","type":"post","link":"https:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/de\/browser-marktanteil\/\">modernen Browser<\/a> und <a href=\"https:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/de\/blog\/verlustbehaftete-vs-verlustfreie\/\">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:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/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 deinem Content 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:\/\/kinsta.com\/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:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn\">dem Kinsta CDN<\/a> funktionieren.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"4\" 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:\/\/kinsta.com\/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>Kinsta&#8217;s Bildoptimierungsfunktion<\/h3>\n<figure id=\"attachment_189787\" aria-describedby=\"caption-attachment-189787\" style=\"width: 1434px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-189787 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/wordpress-CDN-image-optimization-3.png\" alt=\"Kinsta's Bildoptimierungsfunktion\" width=\"1434\" height=\"615\"><figcaption id=\"caption-attachment-189787\" class=\"wp-caption-text\">Kinsta&#8217;s Bildoptimierungsfunktion<\/figcaption><\/figure>\n<p>Bei der ersten Funktion handelt es sich nicht um ein Plugin, sondern um eine integrierte Funktion: Kinsta&#8217;s <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#image-optimization-1\">Bildoptimierung<\/a>.<\/p>\n<p>Diese Funktion, auf die du \u00fcber das Dashboard von Kinsta, <a href=\"https:\/\/kinsta.com\/de\/mykinsta\/\">MyKinsta<\/a>, zugreifen kannst, erstellt automatisch optimierte WebP-Kopien der Originalbilder deiner Seite und stellt deinen Besuchern dann die kleinere der beiden Bilddateien zur Verf\u00fcgung.<\/p>\n<p>Die Bildoptimierung sorgt daf\u00fcr, dass immer die kleinstm\u00f6gliche Datei abgerufen wird, und verk\u00fcrzt so die Ladezeiten, was sowohl deine <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-seo\/\">SEO-Ergebnisse<\/a> als auch die Nutzererfahrung erheblich verbessern kann. Die Funktion nutzt direkt das <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn\">blitzschnelle CDN<\/a> von Kinsta, um die Dateien noch schneller auszuliefern.<\/p>\n<p>Seitenbetreiber k\u00f6nnen je nach Bedarf zwischen <a href=\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-vs-verlustfreie\/\">verlustbehafteter und verlustfreier Komprimierung<\/a> f\u00fcr ihre WebP-Bilder w\u00e4hlen. Die Optimierung kann auch nach Belieben ein- oder ausgeschaltet werden, wenn du etwas testen musst.<\/p>\n<p>Die Bildoptimierungsfunktion ist f\u00fcr alle Kinsta-Kunden kostenlos. So aktivierst du sie:<\/p>\n<ol>\n<li>Lade deine Bilder in deine von Kinsta gehostete WordPress-Mediathek hoch.<\/li>\n<li>Melde dich in deinem MyKinsta-Dashboard an.<\/li>\n<li>Navigiere zu <strong>WordPress-Seiten<\/strong> &gt; <em><strong>Seitenname<\/strong><\/em> &gt; <strong>CDN<\/strong>.<\/li>\n<li>Klicke auf die Schaltfl\u00e4che <strong>Einstellungen<\/strong> unter dem Abschnitt <strong>Bildoptimierung<\/strong>.<\/li>\n<li>W\u00e4hle zwischen verlustfreier und verlustbehafteter Komprimierung und klicke dann auf <strong>Einstellungen speichern<\/strong>.<\/li>\n<\/ol>\n<figure id=\"attachment_141891\" aria-describedby=\"caption-attachment-141891\" style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-141891 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/12\/MyKinsta-image-optimization-options-lossless.png\" alt=\"W\u00e4hle zwischen verlustfreier und verlustbehafteter Komprimierung.\" width=\"1600\" height=\"761\"><figcaption id=\"caption-attachment-141891\" class=\"wp-caption-text\">W\u00e4hle zwischen verlustfreier und verlustbehafteter Komprimierung.<\/figcaption><\/figure>\n<p>Wenn du noch nicht auf der Kinsta-Plattform bist, kannst du die <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#image-optimization-1#enabling-image-optimization\">Funktion selbst kostenlos ausprobieren<\/a>, indem du <a href=\"https:\/\/kinsta.com\/de\/mit-dem-vertrieb-sprechen\/\">eine Demo anmeldest<\/a>.<\/p>\n<h3>Verlustfreie vs. verlustbehaftete Komprimierung<\/h3>\n<p>Du kannst zwischen <a href=\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-vs-verlustfreie\/\">verlustfreier und verlustbehafteter Komprimierung<\/a> f\u00fcr deine Dateien w\u00e4hlen. Obwohl beide Methoden deine Bilddateien komprimieren und ihre Metadaten entfernen, gibt es einen gro\u00dfen Unterschied zwischen ihnen:<\/p>\n<ul>\n<li><strong>Verlustfreie Bildoptimierung:<\/strong> Die verlustfreie Bildkomprimierung hat keinen Einfluss auf die Qualit\u00e4t deiner Bilder. Du solltest diese Option w\u00e4hlen, wenn dir die Bildqualit\u00e4t wichtiger ist als die Geschwindigkeit.<\/li>\n<li><strong>Verlustbehaftete Bildoptimierung:<\/strong> <a href=\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/\">Verlustbehaftete Bildkomprimierung<\/a> kann die Qualit\u00e4t deiner Bilder beeintr\u00e4chtigen. W\u00e4hle diese Option, wenn dir die Geschwindigkeit wichtiger ist als die Bildqualit\u00e4t.<\/li>\n<\/ul>\n<p>Als N\u00e4chstes werden wir uns einige installierbare WordPress-Plugins zur Optimierung ansehen.<\/p>\n<h3>ShortPixel<\/h3>\n<figure id=\"attachment_73553\" aria-describedby=\"caption-attachment-73553\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/ShortPixel-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-73553 size-full\" src=\"https:\/\/kinsta.com\/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>ShortPixel ist eins der beliebtesten WordPress-Plugins zur <a href=\"https:\/\/kinsta.com\/de\/blog\/optimiert-bilder-fur-web\/\">Bildoptimierung<\/a>, mit dem du die Gr\u00f6\u00dfe der Bilder, die du auf deine WordPress-Website hochl\u00e4dst, automatisch anpassen und komprimieren kannst.<\/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 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 auf WordPress zu nutzen, musst du das <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\">ShortPixel-Plugin von WordPress.org<\/a> installieren und deinen API-Schl\u00fcssel hinzuf\u00fcgen (<em>den du durch die Registrierung f\u00fcr ein <a href=\"https:\/\/shortpixel.com\/free-sign-up\">kostenloses ShortPixel-Konto<\/a> erh\u00e4ltst<\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/Imagify-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-73552 size-full\" src=\"https:\/\/kinsta.com\/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:\/\/kinsta.com\/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>.<\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/de\/blog\/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:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/Optimole-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-73554 size-full\" src=\"https:\/\/kinsta.com\/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:\/\/kinsta.com\/de\/blog\/optimiert-bilder-fur-web\/#optimolehttps:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/de\/blog\/optimiert-bilder-fur-web\/\">unseren vollst\u00e4ndigen Leitfaden zur Optimierung von Bildern f\u00fcr die Web-Performance<\/a> an. Und vergiss nicht, dass Kinsta-Kunden automatisch komprimierte WebP-Bilder erzeugen k\u00f6nnen, ohne dass dies Speicherplatz kostet, indem sie die kostenlose, integrierte <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#image-optimization-1\">Bildoptimierungsfunktion<\/a> von Kinsta nutzen.<\/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":[947,988,1012],"class_list":["post-35575","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-pagespeed","tag-webp","topic-bild-optimierung","topic-webdesign","topic-wordpress-website-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - 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:\/\/kinsta.com\/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:\/\/kinsta.com\/de\/blog\/webp\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\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=\"2025-09-18T11:52:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/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:\/\/kinsta.com\/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=\"14\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webp\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webp\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"Wie man WebP-Bilder in WordPress verwendet (Verkleinerung der Bilddateien um bis zu 35%)\",\"datePublished\":\"2020-06-22T09:41:37+00:00\",\"dateModified\":\"2025-09-18T11:52:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webp\/\"},\"wordCount\":2574,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/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:\/\/kinsta.com\/de\/blog\/webp\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webp\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/webp\/\",\"name\":\"Verwendung von WebP-Bildern in WordPress (und Verkleinerung der Bilddatei um bis zu 35%)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webp\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg\",\"datePublished\":\"2020-06-22T09:41:37+00:00\",\"dateModified\":\"2025-09-18T11:52:36+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:\/\/kinsta.com\/de\/blog\/webp\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/webp\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webp\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/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:\/\/kinsta.com\/de\/blog\/webp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bild-Optimierung\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/bild-optimierung\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wie man WebP-Bilder in WordPress verwendet (Verkleinerung der Bilddateien um bis zu 35%)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"caption\":\"Salman Ravoof\"},\"description\":\"Salman Ravoof is 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:\/\/kinsta.com\/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:\/\/kinsta.com\/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:\/\/kinsta.com\/de\/blog\/webp\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2020-06-22T09:41:37+00:00","article_modified_time":"2025-09-18T11:52:36+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/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:\/\/kinsta.com\/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":"14\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/webp\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/webp\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"Wie man WebP-Bilder in WordPress verwendet (Verkleinerung der Bilddateien um bis zu 35%)","datePublished":"2020-06-22T09:41:37+00:00","dateModified":"2025-09-18T11:52:36+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/webp\/"},"wordCount":2574,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/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:\/\/kinsta.com\/de\/blog\/webp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/webp\/","url":"https:\/\/kinsta.com\/de\/blog\/webp\/","name":"Verwendung von WebP-Bildern in WordPress (und Verkleinerung der Bilddatei um bis zu 35%)","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/webp\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg","datePublished":"2020-06-22T09:41:37+00:00","dateModified":"2025-09-18T11:52:36+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:\/\/kinsta.com\/de\/blog\/webp\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/webp\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/webp\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/06\/webp.jpeg","contentUrl":"https:\/\/kinsta.com\/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:\/\/kinsta.com\/de\/blog\/webp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"Bild-Optimierung","item":"https:\/\/kinsta.com\/de\/thema\/bild-optimierung\/"},{"@type":"ListItem","position":3,"name":"Wie man WebP-Bilder in WordPress verwendet (Verkleinerung der Bilddateien um bis zu 35%)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","caption":"Salman Ravoof"},"description":"Salman Ravoof is 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:\/\/kinsta.com\/de\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/35575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=35575"}],"version-history":[{"count":16,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/35575\/revisions"}],"predecessor-version":[{"id":74130,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/35575\/revisions\/74130"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35575\/translations\/jp"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/35575\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/45736"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=35575"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=35575"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=35575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}