Warum Bildoptimierung wichtig ist

Bilder machen oft 50–80 % der gesamten Seitengröße aus. Unoptimierte Bilder sind der häufigste Grund für langsame Ladezeiten — und langsame Seiten verlieren Besucher und Rankings. Google bevorzugt schnelle Seiten, besonders auf Mobilgeräten.

Die drei Säulen der Bildoptimierung

Bildoptimierung besteht aus drei Schritten:

Richtige Abmessungen: Bilder nicht größer hochladen, als sie dargestellt werden
Komprimierung: Dateigröße reduzieren ohne sichtbaren Qualitätsverlust
Modernes Format: WebP oder AVIF statt JPEG/PNG

Schritt 1: Bilder vor dem Upload bearbeiten

Bereite deine Bilder auf, bevor du sie in WordPress hochlädst:

Skaliere Bilder auf die tatsächlich benötigte Größe — ein Headerbild braucht keine 4000 Pixel Breite
Verwende JPEG für Fotos, PNG nur für Grafiken mit Transparenz
Zielgröße: maximal 200 KB für normale Bilder, maximal 500 KB für Headerbilder
Tools: Photoshop („Für Web speichern“), GIMP, TinyPNG (Online)

Schritt 2: Automatische Komprimierung in WordPress

Plugins komprimieren Bilder automatisch beim Upload:

ShortPixel: Beste Komprimierung, unterstützt WebP/AVIF, kostenlose Stufe verfügbar
Smush: Einfach zu bedienen, Bulk-Optimierung für vorhandene Bilder
Imagify: Von den WP-Rocket-Entwicklern, sehr gute Qualität
EWWW Image Optimizer: Server-seitige Komprimierung, keine Cloud nötig

Schritt 3: Modernes Bildformat nutzen

WebP bietet bei gleicher Qualität 25–35 % kleinere Dateien als JPEG. AVIF ist noch effizienter, wird aber noch nicht von allen Browsern unterstützt.

Die meisten Optimierungs-Plugins konvertieren automatisch zu WebP
Stelle sicher, dass ein Fallback (JPEG/PNG) für ältere Browser existiert
WordPress 6.1+ unterstützt WebP von Haus aus

Schritt 4: Lazy Loading aktivieren

Lazy Loading lädt Bilder erst, wenn sie in den sichtbaren Bereich scrollen. Das reduziert die anfängliche Ladezeit erheblich.

WordPress hat Lazy Loading eingebaut (seit Version 5.5)
Für mehr Kontrolle: WP Rocket oder Lazy Load by WP Rocket
Achte darauf, dass Above-the-fold-Bilder (sichtbar ohne Scrollen) NICHT lazy geladen werden

Schritt 5: CDN für Bilder

Ein Content Delivery Network liefert Bilder von Servern in der Nähe des Besuchers aus:

Cloudflare: Kostenloses CDN, automatische Bildoptimierung in höheren Tarifen
Bunny.net: Günstig, sehr schnell, eigene Bildoptimierung
Jetpack Site Accelerator: Kostenlos, aber weniger Kontrolle

Fazit

Bildoptimierung ist einer der einfachsten Hebel für bessere Performance. Mit der richtigen Vorbereitung und einem guten Plugin sparst du Hunderte von Kilobytes pro Seite — und das summiert sich schnell.