Bilder in WordPress optimieren

Bilder verursachen auf einer Website sehr viel Traffic. Das Problem ist nicht das Header-Bild oder das eine Bild im Beitrag – das Problem ist die Summe aller Bilder aus Header, Sidebar, eventuell dem Footer auf einer Website.
Oft werden in der Sidebar viele ähnliche oder neueste Artikel verlink und oft haben die verlinkten Beiträge ein Vorschaubild, welches nicht optimiert ist. Angezeigt wird zwar ein Vorschaubild mit den Abmessungen 150×150 Pixel, doch das in den Browser geladene Bild ist größer als das, was auf der Website als Vorschaubild zu sehen ist.
Weiterhin sind viele „Webmaster“ keine ausgemachten „Grafiker“ und selbst wenn Sie Ahnung von „Bildbearbeitung“ haben, optimieren sie nicht jedes einzelne Bild, jeden schnell geschossenen Screenshot manuell, „per Hand“, mit einem Grafikprogramm wie „Corel Photopaint“, „Adobe Photoshop“ oder „Photo Impact“.

Auch ich optimiere (leider) nicht jedes einzelne Foto, Bild. Wenn ich am Tag nur zwei Artikel mit jeweils 10 Screenshots schreibe – würde mich die Optimierung der Bilder für meine WordPress Seite mehr Zeit kosten als das Schreiben der Beiträge.

Es ist (oft) unsinnig, Bilder vor dem WordPress-Upload zu optimieren

Mit dem Screenshot Tool ShareX ist beispielsweise superschnell ein Screenshot samt individuellen Rahmen aufgenommen. Mit ShareX kannst Du sogar die Screenshots mit Text, Pfeilen und sonst was versehen – aber die Bilder optimiert das Tool nicht so, wie WordPress es benötigt.

Woher auch. Erst WordPress fertigt von einem hochgeladen Bild drei verschiedene Varianten (klein, medium und groß).

Eine Bildoptimierung sollte direkt in WordPress erfolgen – nur WordPress (und Dein Template) weiß, welche Abmessungen und Komprimierungsraten Bilder haben sollten.

Ein kleines Vorschaubild in der Sidebar mit 150 x 150 Pixel erlaubt eine andere Kompressionsrate, als ein vollflächiges Bild im Beitrag mit 800 x 600 Pixel. Bei einem „150×150“ Pixel-Bild merkst du gar nicht, ob die Kompressionsrate 40 oder 80 Prozent beträgt. Bei einem größeren Bild fallen dir Artefakte, bedingt durch die Komprimierung, eher auf.

.

Das bietet dir eine WordPress-Bildoptimierung mit „Smush“

Optimiere Bilder, aktivieren Sie Lazy Load, ändere die Größe, komprimiere und erhöhe die Geschwindigkeit mit dem WordPress-Plugin „Smush Pro“.

„Smush“ bringt folgende Funktionen und Features mit:

• Super Smush – Optimiert Bilder mit verlustbehafteter Multi-Pass-Komprimierung bis zu 2x mehr als normal.
• Verlustfreie Komprimierung – Entfernt ungenutzte Daten und komprimiere Bilder, ohne die Bildqualität zu verringer.
• Lazy Load – Verzögertes Laden von Bildern, die außerhalb des sichtbaren Browser-Bereiches liegen.
• Bulk Smush – Optimiere und komprimiere bis zu 50 Bilder mit nur einem Klick.
• Bildgrößenänderung – Stelle eine maximale Breite / Höhe ein, große Bilder werden beim Komprimieren verkleinert.
• Erkennung falscher Bildgrößen – Finde Bilder, die Deine Website verlangsamen.
• Directory Smush – Optimiere Bilder, die sich nicht in der Medienbibliothek befinden.
• Automatisierte Optimierung – Asynchrones Auto-Smushen von Anhängen für eine schnelle Komprimierung bereits beim Hochladen.
• Optimiere alle Bilder bis zu einer Größe von 5 MB
• Gutenberg-Block-Integration – Zeigt alle Smush-Statistiken in Bildblöcken an.
• Multisite-kompatibel – Bietet globale und individuelle Multisite-Einstellungen.
• Verarbeit alle Dateien – Smush optimiert PNG-, JPEG- und GIF-Dateien.
• In WebP-Bilder konvertieren (nur Pro)

Problem WebP-Bilder

Eine Website von mir wird von IONOS (1und1) gehostet, deren Server offenbar keine WebP-Bilder unterstützt. Bei dem Versuch, meine bisherigen Bilder in das WebP-Format umzuwandeln, spuckte „Smush“ mir folgende Fehlermeldung aus.

Wir haben verschiedene Regeln ausprobiert, aber Ihr Server stellt immer noch keine WebP-Bilder bereit. Bitte kontaktieren Sie Ihren Hosting-Provider für weitere Unterstützung. Sie können auch unsere Anleitung zur Fehlerbehebung lesen oder sich an den Support wenden, um Hilfe zu erhalten.

Natürlich befragte ich sogleich Google. Der erste Treffer kommt übrigens von IONOS selbst. IONOS schiebt die Schuld den Browsern, beispielsweise Firefox, zu.

Selbstverständlich rief ich meine Website jetzt über den Chrome-Browser auf. Doch auch in diesem Browser erhielt ich dieselbe Fehlermeldung, als ich versuchte WebP Bilder zu erzeugen.

Übrigens: Bei STRATO dasselbe Problem, dieselbe Fehlermeldung. Egal, ob IONOS oder STRATO, Firefox oder CHROME – Das Plugin „Smush“ kann keine WebP-Bilder aus meinen JPGs und PNGs erzeugen.

Was kostet Smush Pro?

Du kannst das Bildoptimierungs-Plugin Smush Pro 7 Tage lang kostenlos testen. Nach dieser Zeit fallen 7,50 Dollar pro Monat an. Wenn Du jedoch Mitglied eines GPL-Club bist, kannst Du das Smush pro Plugin kostenlos und legal downloaden.

Die Premium-Version des Plugin kannst Du offiziell und legal kostenlos in einem sogenanntem „GPL-Club“ herunterladen und nutzen. Nach Zahlung einer geringen Gebühr stehen alle im Software-Club verfügbaren Premium-Plugins zum Download zur Verfügung. Möglich ist das durch die GPL -Lizenz für „freie Software“, unter welcher die meisten WordPress-Plugins veröffentlicht werden.