So komprimieren Sie Bilder für WordPress – Beschleunigen Sie Ihre Website in 5 Minuten

WordPress macht das Hochladen großer Bilder gefährlich einfach. Sie ziehen ein Foto von Ihrem Telefon in die Medienbibliothek, WordPress generiert einige Miniaturbildgrößen und Sie fügen es in einen Beitrag ein. Das Problem: Ihr Telefon nimmt mit 12–48 Megapixeln auf und erzeugt Dateien mit einer Breite von 4000–8000 Pixeln und jeweils 3–8 MB. WordPress zeigt dieses Bild in Ihrem Beitrag möglicherweise mit einer Breite von 800 Pixeln an, lädt hinter den Kulissen jedoch immer noch das Original in voller Größe, es sei denn, Ihr Theme ist richtig konfiguriert.

Multiplizieren Sie das mit den 5–10 Bildern in einem typischen Blog-Beitrag, fügen Sie das Header-Bild Ihres Themes, die Seitenleistenbilder und etwaige Hintergrundbilder hinzu, und Sie stellen problemlos 20–40 MB Bilddaten pro Seite bereit. Selbst bei schnellen Verbindungen dauert das allein für die Bilder 2-4 Sekunden. Bei mobilen Verbindungen ist es noch viel schlimmer.

Bevor Sie sich Gedanken über die Komprimierung machen, achten Sie auf die richtigen Abmessungen. Die meisten WordPress-Themes haben einen Inhaltsbereich mit einer Breite von 700–1200 Pixeln. Das Hochladen eines 5000 Pixel breiten Fotos für einen 900 Pixel großen Container ist pure Verschwendung. Ändern Sie die Größe Ihrer Bilder passend zur Inhaltsbreite Ihres Themes. Für Standard-Blogbeiträge ist eine Breite von 1200 Pixeln normalerweise das Maximum, das Sie jemals benötigen werden. Für Heldenbilder in voller Breite reichen 1920 Pixel für praktisch alle Bildschirme aus.

Ausgewählte Bilder: 1200 x 630 Pixel (funktioniert auch perfekt für das Teilen in sozialen Medien). Bilder von Blogbeiträgen: 800-1200 Pixel breit, höhenproportional. Banner in voller Breite: 1920 x 600-800 Pixel. Miniaturansichten: WordPress generiert diese automatisch, aber Sie können die Größe unter Einstellungen > Medien steuern. Wenn Sie die Abmessungen direkt vor dem Hochladen festlegen, wird die Dateigröße normalerweise um 60–80 % reduziert, bevor überhaupt eine Komprimierung angewendet wird.

Viele WordPress-Benutzer verlassen sich auf Plugins wie Smush oder ShortPixel, um Bilder nach dem Hochladen zu komprimieren. Diese funktionieren, aber sie erhöhen die Serverlast, erfordern manchmal kostenpflichtige Pläne für große Bibliotheken und Sie laden immer noch die übergroßen Originale zuerst hoch. Ein besserer Ansatz: Komprimieren Sie Ihre Bilder vor dem Hochladen zu WordPress. Passen Sie die Größe auf die richtigen Abmessungen an, komprimieren Sie es mit einer Qualität von 75–85 % und schon wird aus Ihrem 6 MB großen Telefonfoto ein webfähiges Bild mit 150 KB. Laden Sie das direkt hoch.

Wenn Sie bereits Beiträge mit nicht optimierten Bildern haben, kann ein Plugin bei der Massenoptimierung helfen. Aber komprimieren Sie künftig jeden neuen Beitrag vor dem Hochladen. Es ist schneller, gibt Ihnen mehr Kontrolle über die Qualität und ist nicht darauf angewiesen, dass ein Plugin aktiv bleibt.

WordPress unterstützt WebP-Uploads seit Version 5.8 nativ, und AVIF-Unterstützung wurde in WordPress 6.5 hinzugefügt. WebP-Bilder sind etwa 30 % kleiner als entsprechende JPEGs, was bedeutet, dass jedes Bild auf Ihrer Website schneller geladen wird und kein sichtbarer Qualitätsunterschied besteht. Konvertieren Sie Ihre Bilder in WebP vor dem Hochladen, oder verwenden Sie ein Plugin, das automatisch WebP-Versionen für Browser bereitstellt, die es unterstützen (was im Jahr 2026 alle modernen Browser sind).

WordPress 5.5+ fügt Bildern automatisch Lazy Loading hinzu, was bedeutet, dass Bilder unterhalb des Falzes erst geladen werden, wenn der Besucher in ihre Nähe scrollt. Dies ist eine enorme Verbesserung für Seiten mit vielen Bildern – beim ersten Laden der Seite müssen nur die auf dem Bildschirm sichtbaren Bilder abgerufen werden. Stellen Sie sicher, dass Ihr Theme diese Funktion nicht deaktiviert. Sie können dies überprüfen, indem Sie die Quelle Ihrer Seite überprüfen und nach suchen wird geladen="faul" Attribute für Ihre IMG-Tags.

WordPress generiert auch responsives Bild-Markup mithilfe des srcset-Attributs, das je nach Bildschirm des Besuchers unterschiedliche Bildgrößen bereitstellt. Dies bedeutet, dass ein mobiler Besucher eine kleinere Bilddatei erhält als ein Desktop-Besucher. Dies funktioniert jedoch nur dann gut, wenn Sie Bilder mit einer angemessenen Startgröße hochladen – WordPress kann kleinere Versionen eines 1200-Pixel-Bildes bereitstellen, aber keine kleineren Versionen eines 400-Pixel-Bildes. Streben Sie eine Upload-Größe von 1.200 bis 1.920 Pixel an und lassen Sie WordPress den Rest erledigen.

Die Fünf-Minuten-Version: Bilder auf eine Breite von 1200 Pixel skalieren, mit 80 % Qualität im WebP-Format komprimieren, auf WordPress hochladen und sicherstellen, dass Lazy Loading aktiviert ist. Tun Sie dies für Ihre nächsten fünf Blogbeiträge und überprüfen Sie dann Ihren Google PageSpeed ​​Insights-Score. Die Verbesserung ist in der Regel dramatisch – allein durch die Bildoptimierung sprechen wir von 20–40-Punkte-Sprüngen bei den mobilen Leistungswerten.