Warum Bildoptimierung bei WordPress so wichtig ist
WordPress ist das meistgenutzte CMS der Welt — und einer der häufigsten Gründe für langsame Websites. Unkomprimierte Bilder sind dabei oft der größte Faktor. Viele WordPress-Nutzer laden Fotos direkt von der Kamera hoch (5–20 MB pro Bild) ohne vorherige Optimierung. Das Ergebnis: eine Seite die minuten- statt sekundenlang lädt.
Google bewertet Ladezeiten über Core Web Vitals als Ranking-Faktor — schlechte Bilder kosten also nicht nur Besucher, sondern auch Suchmaschinen-Sichtbarkeit.
Der optimale Workflow: Bilder VOR dem Upload optimieren
WordPress generiert automatisch mehrere Größen eines Bildes (thumbnail, medium, large, full) — aber es komprimiert nicht aggressiv und konvertiert nicht zu WebP (ohne Plugin). Deshalb gilt: Bilder vor dem Upload in WordPress optimieren.
Schritt 1: Richtige Auflösung bestimmen
Welche Breite ist sinnvoll? Das hängt vom Theme ab. Für Blogbeitrags-Bilder in den meisten Themes gilt:
- Featured Image / Titelbild: 1200–1920px Breite reicht
- Content-Bilder: Breite der Content-Spalte × 2 (für Retina)
- Thumbnails: 600–800px — das generiert WordPress sowieso
Ein 6000×4000px Kamerabild auf 1600×1067px skalieren spart bereits 85% der Datenmenge bevor jede weitere Optimierung.
Schritt 2: Format wählen
- Fotos → WebP (oder JPG wenn maximale Kompatibilität nötig)
- Screenshots, Grafiken mit Text → PNG (oder WebP verlustfrei)
- Logos, Icons → SVG wenn möglich, sonst PNG
WordPress 5.8+ unterstützt WebP nativ — du kannst WebP-Dateien direkt hochladen.
Schritt 3: Komprimieren
Mit Jnrt Pixel lassen sich Bilder vor dem Upload auf die richtige Größe und Qualität bringen — direkt im Browser, kein Upload auf externe Server:
- Qualität 80% für Fotos: kaum sichtbarer Unterschied, oft 60–70% kleiner
- Stapelverarbeitung für mehrere Bilder gleichzeitig
- Kein EXIF/GPS bleibt im Bild (Datenschutz)
WordPress-spezifische Einstellungen
Upload-Größen begrenzen
In WordPress unter Einstellungen → Medien kannst du Maximalgröße für automatisch erstellte Bildgrößen festlegen. Prüfe ob die Werte zu deinem Theme passen und keine unnötig großen Bilder generiert werden.
Lazy Loading aktivieren
Seit WordPress 5.5 wird loading="lazy" automatisch zu den meisten Bildfeldern hinzugefügt. Prüfe ob dies in deinem Theme korrekt funktioniert. Für das Featured Image sollte loading="eager" gesetzt sein (das LCP-Bild soll sofort geladen werden).
WordPress Plugins für Bildoptimierung
| Plugin | Was es macht | Kosten |
|---|---|---|
| Smush | Komprimiert beim Upload, WebP-Konvertierung (Pro) | Kostenlos / Pro |
| ShortPixel | Serverbasierte Komprimierung, WebP, AVIF | Credits-Modell |
| Imagify | Komprimierung beim Upload, WebP | Kostenlos / Pro |
| EWWW Image Optimizer | Lokal oder Cloud, viele Formate | Kostenlos / Pro |
| Converter for Media | Nur WebP/AVIF-Konvertierung, sehr schlank | Kostenlos |
Empfehlung: Für kleinere Sites ohne Budget: Bilder vor dem Upload manuell optimieren (mit Jnrt Pixel) + Converter for Media Plugin für WebP. Für größere Sites mit vielen Bildern: ShortPixel oder Imagify.
WebP in WordPress: Browser-Fallback
Wenn du WebP verwendest, müssen ältere Browser einen Fallback bekommen. WordPress-Plugins lösen das automatisch über das <picture>-Element oder .htaccess-Regeln die WebP-Dateien für unterstützende Browser ausliefern und JPG/PNG als Fallback nutzen.
Bei manuell hochgeladenen WebP-Dateien: Entweder Plugin verwenden oder selbst <picture>-Element im Block-Editor nutzen.
Alt-Texte nicht vergessen
Jedes Bild in WordPress sollte einen Alt-Text haben. Das ist sowohl für SEO (Google liest Alt-Texte als Bildbeschreibung) als auch für Barrierefreiheit (Screenreader für sehbeeinträchtigte Nutzer) wichtig. WordPress fordert beim Medien-Upload zur Alt-Text-Eingabe auf — nutze diese Möglichkeit.
Messung: Vorher/Nachher
Nach der Optimierung lohnt sich ein Test mit Google PageSpeed Insights. Achte besonders auf:
- LCP (Largest Contentful Paint) — sollte unter 2,5s sein
- "Bilder richtig formatieren" — PageSpeed zeigt konkrete Einsparpotenziale
- "Bilder in moderner Format kodieren" — Hinweis auf fehlende WebP-Konvertierung
- Total-Seitengewicht — Bilder sollten nicht mehr als 50% davon ausmachen
Checkliste: WordPress Bildoptimierung
| Maßnahme | Priorität |
|---|---|
| Bilder vor Upload auf max. Anzeigebreite skalieren | ⭐⭐⭐⭐⭐ |
| JPG/PNG in WebP konvertieren | ⭐⭐⭐⭐⭐ |
| Komprimierung auf 75–85% | ⭐⭐⭐⭐ |
| Alt-Texte für alle Bilder | ⭐⭐⭐⭐ |
| Lazy Loading aktiv (WP 5.5+: automatisch) | ⭐⭐⭐ |
| Featured Image mit priority / eager | ⭐⭐⭐ |
| Bildoptimierung-Plugin installieren | ⭐⭐⭐ |
| PageSpeed Insights prüfen | ⭐⭐ |
Fazit
Der wichtigste einzelne Schritt für schnellere WordPress-Sites: Bilder vor dem Upload auf vernünftige Dimensionen verkleinern und komprimieren. Mit Jnrt Pixel direkt im Browser, ohne Plugin, ohne Upload auf externe Server. Danach ein WebP-Plugin installieren — und deine WordPress-Site wird deutlich schneller.