WordPress Bilder komprimieren: Einfach schneller

WordPress Bilder komprimieren: Damit verkleinerst du die übertragene Datenmenge deiner Seiten, ohne Bilder unnötig unscharf zu machen. Besonders große Beitragsbilder, Bildschirmfotos und Produktfotos verlängern die Ladezeit auf langsamen Mobilverbindungen.

Ein Bild wird nicht automatisch klein, nur weil du es im WordPress Editor schmaler darstellst. Lädt der Browser weiterhin die große Originaldatei, muss der Besucher trotzdem alle Daten herunterladen.

Diese Anleitung zeigt dir einen sicheren Ablauf für neue und vorhandene Bilder. Du brauchst dafür keine Programmierkenntnisse. Erstelle vor einer Massenbearbeitung jedoch immer eine vollständige Sicherung.

Warum große Bilder deinen Blog bremsen

Bilder gehören auf vielen Seiten zu den größten Dateien. Je mehr Daten der Browser laden muss, desto länger dauert der sichtbare Seitenaufbau. Das trifft Besucher mit älteren Smartphones, langsamen Verbindungen oder begrenztem Datenvolumen besonders stark.

Die Anleitung zu responsiven Bildern auf web.dev erklärt, dass der Browser eine zur Bildschirmgröße passende Datei erhalten sollte. Ein 1.500 Pixel breites Bild für eine nur 300 Pixel breite Anzeige verschwendet Daten.

Dateigröße und Bildmaße unterscheiden

Die Bildmaße geben Breite und Höhe in Pixeln an. Die Dateigröße wird in Kilobyte oder Megabyte gemessen. Ein Bild kann passende Abmessungen besitzen und wegen schwacher Komprimierung trotzdem zu groß sein.

Prüfe daher beide Werte. Für ein Bild, das im Inhalt höchstens 900 Pixel breit erscheint, brauchst du normalerweise kein Original mit 5.000 Pixeln Breite.

Das passende Dateiformat wählen

JPEG eignet sich für Fotos mit vielen Farben und weichen Übergängen. PNG ist sinnvoll, wenn du Transparenz oder sehr klare grafische Kanten brauchst. Für ein normales Foto erzeugt PNG häufig eine unnötig große Datei.

WebP unterstützt verlustbehaftete und verlustfreie Komprimierung sowie Transparenz. WordPress unterstützt WebP seit Version 5.8, sofern die Bildverarbeitung des Servers das Format verarbeiten kann. Das erläutert der offizielle WordPress-Beitrag zur WebP-Unterstützung.

WebP ist kein automatischer Qualitätsbeweis

Ein ungeeignet exportiertes WebP-Bild kann größer oder sichtbar schlechter sein als ein gutes JPEG. Vergleiche deshalb immer Dateigröße und Darstellung. Das Format allein löst keine falschen Abmessungen.

Bewahre bei wichtigen Produktbildern und eigenen Aufnahmen eine hochwertige Originaldatei außerhalb von WordPress auf. So kannst du später neue Größen erzeugen.

Bilder vor dem Hochladen vorbereiten

Der einfachste Arbeitsablauf beginnt vor der Mediathek. Schneide zuerst den unwichtigen Rand ab. Verkleinere danach das Bild auf die tatsächlich benötigte Breite und exportiere es mit einer angemessenen Qualität.

Nutze für Beitragsbilder immer dasselbe Seitenverhältnis, wenn dein Theme eine einheitliche Darstellung verlangt. Sonst schneidet WordPress oder das Theme wichtige Teile möglicherweise automatisch ab.

1. Gewünschten Bildausschnitt festlegen.
2. Breite und Höhe an den Einsatzort anpassen.
3. JPEG, PNG oder WebP bewusst auswählen.
4. Qualität schrittweise reduzieren und Vorschau prüfen.
5. Verständlichen Dateinamen vergeben.
6. Dateigröße vor dem Upload kontrollieren.

Keine starre Kilobyte-Grenze verwenden

Ein kleines Symbol braucht viel weniger Daten als ein breites Beitragsfoto. Lege deshalb keine einzige Grenze für alle Bilder fest. Vergleiche das Ergebnis mit dem sichtbaren Zweck.

Zoome das Bild auf einem normalen Bildschirm nicht künstlich stark heran. Entscheidend ist, ob Text, Produktdetails oder wichtige Bedienelemente in der tatsächlichen Anzeige erkennbar bleiben.

WordPress Bilder komprimieren mit einem Plugin

Ein Bildoptimierungs-Plugin kann neue Uploads automatisch verkleinern, komprimieren und in moderne Formate umwandeln. Manche Dienste bearbeiten die Dateien auf dem eigenen Server. Andere senden sie zur Verarbeitung an einen externen Dienst.

Prüfe vor der Installation, welche WordPress und PHP Version unterstützt wird. Lies außerdem, ob Originale erhalten bleiben, welche Bildgrößen bearbeitet werden und ob ein kostenloses Monatslimit gilt.

Nicht zwei Optimierer gleichzeitig aktivieren

Zwei Plugins können doppelte Dateien, widersprüchliche Auslieferungsregeln oder unnötige Serverlast verursachen. Wähle ein Werkzeug und teste es zuerst mit wenigen Bildern.

Aktiviere nicht sofort jede Funktion. Eine automatische Umwandlung, eine Größenbegrenzung und eine Sicherung der Originale reichen für den Anfang. Prüfe danach Startseite, Beiträge, Vorschaubilder und soziale Vorschauen.

Kontrolliere außerdem deinen verfügbaren Speicherplatz. Manche Plugins behalten das Original und erzeugen WebP sowie AVIF zusätzlich zu allen WordPress Vorschaubildern. Die übertragene Datei kann kleiner werden, während der belegte Speicher auf dem Server wächst. Prüfe deshalb vor und nach einer Massenoptimierung die Größe des Upload-Ordners.

Wenn ein Dienst Bilder außerhalb deines Servers verarbeitet, lies seine Datenschutz- und Löschhinweise. Lade keine vertraulichen Bildschirmfotos oder Dokumente hoch, ohne diesen Weg zu prüfen.

Vorhandene Mediathek sicher bearbeiten

Bei einem älteren Blog liegen möglicherweise Hunderte Originale und automatisch erzeugte Vorschaubilder im Upload-Ordner. Eine Massenoptimierung verändert deshalb deutlich mehr Dateien als die sichtbare Zahl in der Mediathek vermuten lässt.

Erstelle zuerst ein vollständiges Backup aus Dateien und Datenbank. Der Beitrag WordPress Backup erstellen zeigt dir, wie du beide Teile sicherst und eine Wiederherstellung prüfst.

In kleinen Gruppen beginnen

Bearbeite zunächst zehn Bilder aus einem unwichtigen älteren Beitrag. Leere anschließend den Cache und öffne die Seite auf Computer und Smartphone. Kontrolliere Schärfe, Ausschnitt, Dateiformat und Ladefehler.

Teste eine größere Umwandlung auf einer getrennten Kopie. Die Anleitung WordPress Staging erstellen erklärt, wie du Änderungen prüfst, ohne deine öffentliche Seite zu gefährden.

Die richtige WordPress Bildgröße ausgeben

WordPress erstellt beim Hochladen mehrere Bildgrößen. Im Bildblock kannst du je nach Theme zwischen Miniaturbild, mittel, groß und vollständiger Größe wählen. Nutze nicht automatisch die vollständige Datei.

Die aktuelle WordPress-Dokumentation zum Bildblock beschreibt die Auswahl der Auflösung sowie Breite, Höhe und Seitenverhältnis. Die sichtbare Einstellung muss zu deinem Theme und zum vorgesehenen Bereich passen.

Responsive Ausgabe kontrollieren

WordPress erzeugt normalerweise Angaben wie srcset, damit der Browser zwischen mehreren Größen wählen kann. Ein Theme oder Page Builder kann diese Ausgabe jedoch beeinflussen.

Prüfe eine wichtige Seite mit dem Browserwerkzeug oder PageSpeed Insights. Wird auf dem Smartphone eine deutlich größere Datei geladen als angezeigt, kontrolliere Theme, Bildblock und Optimierungs-Plugin.

Achte auch auf Bilder, die dein Theme als Hintergrund lädt. Sie erscheinen nicht immer als normaler Bildblock und werden von manchen Optimierern anders behandelt. Slider, Kopfbereiche und Page Builder können eigene Größen verwenden. Prüfe deshalb die tatsächlich geladene Datei und nicht nur den Eintrag in der Mediathek.

Komprimierung und Alt Texte trennen

Komprimierung reduziert die Datei. Ein Alt Text beschreibt Inhalt oder Funktion für Menschen, die das Bild nicht sehen. Beide Aufgaben gehören zur Bildpflege, lösen aber unterschiedliche Probleme.

Schreibe keine Suchwortliste in das Alt-Feld. Der Beitrag Alt Texte schreiben erklärt informative, funktionale und dekorative Bilder anhand praktischer Beispiele.

Dateiname nicht nachträglich blind ändern

Ein verständlicher Dateiname ist vor dem Upload sinnvoll. Änderst du eine bereits verwendete Bildadresse nachträglich, können Beiträge, Suchergebnisse oder externe Einbindungen auf die alte Datei verweisen.

Ersetze vorhandene Bilder kontrolliert und prüfe anschließend alle betroffenen Seiten. Eine reine Umbenennung in der Mediathek aktualisiert nicht in jeder Konfiguration sämtliche Verweise.

Ergebnis nach der Optimierung messen

Vergleiche dieselbe Seite vor und nach der Änderung. Notiere die übertragenen Bilddaten, das größte sichtbare Element und die tatsächlich geladene Bildgröße. Teste möglichst unter ähnlichen Bedingungen.

Der Beitrag Core Web Vitals verbessern zeigt dir, wie du LCP, INP und CLS einordnest. Ein besser komprimiertes großes Beitragsbild kann den LCP verbessern. Die Wirkung hängt aber auch von Server, Cache, Theme und Skripten ab.

Typische Fehler vermeiden

• Originalfotos direkt vom Smartphone hochladen
• PNG für jedes normale Foto verwenden
• nur die sichtbare Breite im Editor verkleinern
• mehrere Optimierungs-Plugins kombinieren
• eine Massenumwandlung ohne Backup starten
• Originale löschen, bevor das Ergebnis geprüft wurde
• Bildqualität nur anhand einer Prozentzahl bewerten

WordPress Bilder komprimieren beginnt mit dem richtigen Ausschnitt, passenden Pixelmaßen und einem geeigneten Format. Ein Plugin kann diesen Ablauf vereinfachen, ersetzt aber keine Kontrolle.

Starte mit den Bildern deiner fünf wichtigsten Seiten. Prüfe Größe, Format und tatsächlich geladene Auflösung. Richte danach einen festen Ablauf für alle neuen Uploads ein.