{"id":9755135,"date":"2026-10-13T11:07:18","date_gmt":"2026-10-13T09:07:18","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=9755135"},"modified":"2026-10-13T11:07:20","modified_gmt":"2026-10-13T09:07:20","slug":"webp-bilder-wordpress","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/de\/blog\/webp-bilder-wordpress\/","title":{"rendered":"WebP-Bilder in WordPress: was das Format ist und wie du es nutzt"},"content":{"rendered":"\n

Du fragst dich, wie du WebP in WordPress<\/strong> nutzt und wie du deine vorhandenen Bilder in der WordPress-Mediathek konvertierst? Dann bist du hier genau richtig!<\/p>\n\n\n\n

Wenn du einen Performance-Test mit PageSpeed Insights durchf\u00fchrst, siehst du vielleicht die Empfehlung \u201eBilder in modernen Formaten bereitstellen<\/a>\u201c, die die Performance steigern soll. Google r\u00e4t dir, JPEG und PNG zu vergessen und deine Bem\u00fchungen bei der Bildoptimierung auf Bildformate wie WebP zu konzentrieren.<\/p>\n\n\n\n

\"Googles
Googles Empfehlung: \u201eBilder in modernen Formaten bereitstellen<\/a>\u201c, Quelle: PageSpeed Insights<\/a><\/figcaption><\/figure>\n\n\n\n

Diese Anleitung erkl\u00e4rt, wie du diese Warnung behebst, und alles, was du \u00fcber WebP in WordPress wissen musst. Au\u00dferdem bekommst du eine Liste der besten Tools, mit denen du fast jedes Format in WebP konvertieren kannst.<\/p>\n\n\n\n

Was ist das WebP-Bildformat?<\/h2>\n\n\n\n

Das WebP-Format<\/strong> wurde von Google entwickelt und ist ein Next-Gen-Format f\u00fcr das Web. Es bietet eine \u00fcberlegene verlustfreie und verlustbehaftete Komprimierung f\u00fcr Bilder und erh\u00e4lt dabei die Qualit\u00e4t. Im Vergleich zu herk\u00f6mmlichen JPEGs oder PNGs kannst du mit diesem modernen Format noch kleinere Dateigr\u00f6\u00dfen erzielen, sodass die Seite schneller l\u00e4dt.<\/p>\n\n\n\n

\"WebP-Format,
WebP-Format, Quelle: Photopea<\/a><\/figcaption><\/figure>\n\n\n\n

WebP vs. PNG vs. JPEG<\/h2>\n\n\n\n

Wenn du zwischen den drei Formaten schwankst und dir die Performance wichtig ist, w\u00e4hle WebP, um in WordPress optimierte Bilder bereitzustellen. Du wirst gleich verstehen, warum.<\/p>\n\n\n\n

JPEG vs. WebP<\/h3>\n\n\n\n

Beide Dateiformate komprimieren Bilder, damit sie sich im Web leichter teilen lassen und ihre Qualit\u00e4t behalten. Sie sehen sich recht \u00e4hnlich, warum also WebP w\u00e4hlen?<\/p>\n\n\n\n

Eine WebP-Datei ist in der Regel deutlich kleiner als ein herk\u00f6mmliches JPEG. Laut Google kann ein WebP-Bild mit verlustbehafteter Komprimierung 25 bis 34\u00a0% kleiner sein als eine vergleichbare JPEG-Datei.<\/p>\n\n\n\n

Sieh dir die Grafik unten an: WebP (in Rot) erzielt eine bessere Komprimierung als JPEG.<\/p>\n\n\n\n

\"Komprimierung
Komprimierung im Vergleich: WebP vs. JPEG, Quelle: Google Developers<\/a><\/figcaption><\/figure>\n\n\n\n

Pr\u00fcfen wir diese Aussage an unserem JPEG-Bild mit 3,7\u00a0MB. Nach der Konvertierung in WebP hatte das Bild dieselbe Qualit\u00e4t, aber die Dateigr\u00f6\u00dfe sank auf 1,3\u00a0MB.<\/p>\n\n\n\n

\"Kleinere
Kleinere Dateigr\u00f6\u00dfe mit WebP + gleichbleibende Qualit\u00e4t, Quelle: WP Rocket<\/a><\/figcaption><\/figure>\n\n\n\n

PNG vs. WebP<\/h3>\n\n\n\n

PNGs werden vor allem f\u00fcr Webgrafiken ohne Hintergrund wie Logos und Illustrationen verwendet und weniger f\u00fcr hochwertige Fotos. Sie belegen in der Regel mehr Speicherplatz als die anderen Formate. Verlustfreie WebP-Bilder sind im Durchschnitt 26\u00a0% kleiner als PNGs.<\/p>\n\n\n\n

Machen wir noch einen kurzen Test und konvertieren ein PNG-Bild in WebP. Unsere Originaldatei war 432\u00a0KB gro\u00df und schrumpfte durch eine einfache Konvertierung in WebP auf 244\u00a0KB.<\/p>\n\n\n\n

\"PNG
PNG vs. WebP, Quelle: WP Rocket<\/a><\/figcaption><\/figure>\n\n\n\n

JPEG vs. PNG vs. WebP<\/h3>\n\n\n\n

Kurz zusammengefasst: Wenn du den Lighthouse-Performance-Score deiner WordPress-Website verbessern<\/a> willst, entscheide dich f\u00fcr WebP. So schneiden die drei Formate im Vergleich ab:<\/p>\n\n\n\n

\"WebP
WebP vs. PNG vs. JPG, Quelle: WP Rocket<\/a><\/figcaption><\/figure>\n\n\n\n

Welche Browser unterst\u00fctzen WebP?<\/h2>\n\n\n\n

Im Jahr 2023 unterst\u00fctzen alle g\u00e4ngigen Browser WebP. Dieses moderne Format wird zum Beispiel von Google Chrome, Safari, Firefox, Edge, dem Opera-Browser und weiteren Tools nativ unterst\u00fctzt.<\/p>\n\n\n\n

\"Browserversionen
Browserversionen mit WebP-Unterst\u00fctzung im Jahr 2023, Quelle: CanIuse<\/a><\/figcaption><\/figure>\n\n\n\n

WebP-Bilder mit Fallback f\u00fcr \u00e4ltere Browser anzeigen<\/h3>\n\n\n\n

Bilder sind entscheidend f\u00fcr eine hervorragende Nutzererfahrung, deshalb sollten sie jedem Besucher angezeigt werden, auch denen, die \u00e4ltere Browserversionen verwenden. Wenn du auf Nummer sicher gehen willst, solltest du einen Fallback auf andere herk\u00f6mmliche Formate wie PNG oder JPEG aktivieren.<\/p>\n\n\n\n

So f\u00fcgst du WebP-Bildern einen Fallback hinzu<\/h4>\n\n\n\n