WebP

Was ist WebP eigentlich?

WebP ist ein modernes Bildformat, das von Google entwickelt wurde. Die Idee dahinter ist simpel: Die Qualität von JPEGs und die Transparenz von PNGs in einem Format zu vereinen, das aber deutlich weniger Speicherplatz frisst.

Stell dir vor, du hast ein Bild, das als JPEG 100KB groß ist. Als WebP bekommst du optisch fast das gleiche Ergebnis, aber die Datei ist oft 25-35% kleiner. Das sorgt dafür, dass deine Seite schneller lädt und du bei Google Pluspunkte sammelst.

Warum du nicht mehr darauf verzichten solltest

Der Wechsel zu WebP ist kein Hexenwerk, bringt aber massive Vorteile für deine WordPress-Instanz oder deinen eCommerce Shop:

    1. Ladezeit: Kleinere Dateien bedeuten, dass die Daten schneller beim Nutzer sind. Gerade mobil macht das einen riesigen Unterschied.
    1. SEO-Ranking: Google nutzt die „Core Web Vitals“ als Rankingfaktor. Wenn deine Seite durch WebP schneller wird (LCP-Wert), rutschst du in den Suchergebnissen tendenziell nach oben.
    1. Transparenz: Früher brauchtest du für transparente Hintergründe (z.B. Logos) zwingend PNGs, die oft riesig waren. WebP kann Transparenz, bleibt aber schlank.

Wichtig zu wissen: Seit WordPress 5.8 wird WebP nativ unterstützt. Das heißt, du kannst WebP-Dateien direkt in die Mediathek hochladen, ohne dass WordPress meckert.

Wie wir das umsetzen

Es gibt zwei Wege, das Thema anzugehen. Entweder du speicherst deine Bilder direkt als WebP (z.B. aus Photoshop oder Canva), oder wir nutzen ein Plugin, das deine alten JPEGs und PNGs automatisch umwandelt.

Für bestehende Webseiten empfehle ich meistens den Weg über ein Plugin (wie Imagify oder WebP Express), damit wir den Altbestand direkt mit optimieren und sauber ausliefern. Moderne Browser unterstützen das Format mittlerweile fast flächendeckend. Für die wenigen uralten Browser (wie Internet Explorer) halten gute Plugins automatisch das alte JPEG als Fallback bereit.

Fazit: WebP ist heute Standard. Wenn deine Seite noch voll mit alten JPEGs ist, lassen wir hier unnötig Performance liegen.