Große Bilddateien können die Ladeleistung einer Website beeinträchtigen. In WordPress lohnt sich deshalb ein Blick auf den gesamten Ablauf: Ausgangsdatei, erzeugte Varianten und die tatsächlich ausgelieferte Datei. Eine bloße Formatkonvertierung oder die Installation eines weiteren Plugins beantwortet noch nicht, wo das konkrete Problem liegt.
Was WordPress bereits mit Bildern macht
Die frühere Aussage, WordPress optimiere Bilder grundsätzlich nicht und verwende immer nur die volle Originalgröße, war zu pauschal. WordPress erzeugt beim Upload geeigneter Bilder zusätzliche registrierte Bildgrößen. Große Bilder können außerdem skaliert werden. Das beschreibt die offizielle Dokumentation zur Bildverarbeitung. Welche Varianten entstehen und verwendet werden, hängt auch von Konfiguration, Theme, Erweiterungen und Serverunterstützung ab.
Diese Verarbeitung ist nicht gleichbedeutend mit einer vollständig abgestimmten Bildoptimierung. Prüfen Sie, ob die Seite für das jeweilige Layout tatsächlich eine passende Variante anbietet.
1. Bildzweck und benötigte Größe festlegen
Ein breites Titelbild braucht andere Abmessungen als eine kleine Vorschau. Berücksichtigen Sie unterschiedliche Darstellungen und Bildschirme. Bewahren Sie eine geeignete Ausgangsdatei auf und vermeiden Sie unnötig große Dateien für kleine Anzeigeflächen. Pixelabmessungen und Kompression sind getrennt zu betrachten.
2. Geeignete Formate vergleichen
Vergleichen Sie JPEG, PNG, WebP oder AVIF anhand von Motiv, Transparenz und sichtbarer Qualität. Bei Logos kann SVG sinnvoll sein. Ein bestimmter Dateiname garantiert keine kleine Datei oder kurze Ladezeit. Die Unterschiede erläutert unser Ratgeber zu Bildformaten.
3. Vorhandene Optimierungsfunktionen erfassen
Prüfen Sie zuerst, welche Aufgaben Hosting, CDN und vorhandene Erweiterungen übernehmen. Stimmen Sie Konvertierung und Auslieferung aufeinander ab. Eine zusätzlich erzeugte WebP-Datei bringt beispielsweise keinen entsprechenden Transfervorteil, wenn weiterhin die große JPEG-Datei ausgeliefert wird. Grundlagen zur Automatisierung beschreibt web.dev.
4. Die öffentliche Ausgabe kontrollieren
- Welche Bilddatei und welche Pixelgröße lädt der Browser tatsächlich?
- Bleibt das Motiv in den vorgesehenen Darstellungen gut erkennbar?
- Sind transparente Bereiche und wichtige Details erhalten?
- Werden Bildabmessungen so berücksichtigt, dass Inhalte beim Laden nicht unnötig springen?
- Sind informative Bilder mit einem passenden Alternativtext versehen?
5. Wirkung unter vergleichbaren Bedingungen prüfen
Vergleichen Sie übertragene Datenmenge, sichtbare Qualität und die betroffenen Leistungswerte vor und nach einer Änderung. Prüfen Sie wichtige Seitentypen statt nur die Startseite. Den Ablauf über die Bildoptimierung hinaus beschreibt unsere Pagespeed-Anleitung.
ECONSOR unterstützt Sie bei der Weiterentwicklung Ihrer WordPress-Website in Heilbronn. Besprechen Sie mit uns Ihren Medienprozess und die betroffenen Seiten.
Fachlich und sprachlich aktualisiert am 18. Oktober 2026.
