Bildoptimierung bedeutet, Fotos so aufzubereiten, dass sie im Netz schnell laden und trotzdem gut aussehen. Dazu zählen Grösse, Dateiformat und Komprimierung.
Was bedeutet das für Ihr KMU?
Bilder machen den grössten Teil des Datenvolumens einer Website aus. Sie sind damit die häufigste Ursache für lange Ladezeiten.
→ Performance im WordPress-Leitfaden
Der typische Fall: Ein Foto kommt direkt aus der Kamera oder vom Telefon und wiegt vier Megabyte. Nötig wären zweihundert Kilobyte. Der Unterschied ist auf dem Bildschirm nicht zu sehen, auf dem Mobiltelefon aber deutlich zu spüren.
Drei Stellschrauben gibt es:
- Abmessungen. Ein Bild, das 800 Pixel breit dargestellt wird, muss nicht 4’000 Pixel breit sein. Alles darüber wird umsonst übertragen.
- Dateiformat. Moderne Formate wie WebP und AVIF liefern bei gleicher Qualität deutlich kleinere Dateien als JPEG.
- Komprimierung. Eine Reduktion auf etwa 80 Prozent Qualität ist mit blossem Auge kaum wahrnehmbar, halbiert die Dateigrösse aber oft.
Was dabei nicht vergessen werden darf
Zwei Punkte gehören zur Optimierung, obwohl sie mit Dateigrösse nichts zu tun haben.
Der Alt-Text beschreibt das Bild für Suchmaschinen und für Menschen, die einen Screenreader nutzen.
Der Dateiname sollte den Inhalt benennen. Also nicht IMG_4213.jpg, sondern werkstatt-zuerich-aussenansicht.jpg.
Verzögertes Laden
Bilder, die erst beim Scrollen sichtbar werden, müssen nicht sofort geladen werden. WordPress erledigt das inzwischen automatisch.
Eine Ausnahme gilt für das erste grosse Bild im oberen Bereich. Dieses sollte sofort laden, weil es meist die gemessene Ladezeit bestimmt.
Wie ich das für Sie umsetze
Ich richte eine automatische Aufbereitung ein. Sie laden Bilder wie gewohnt hoch, die Umwandlung in moderne Formate und die Komprimierung laufen im Hintergrund.
Bei bestehenden Websites beginne ich mit einer Auswertung der grössten Dateien. Häufig verursachen wenige Bilder den grössten Teil des Problems.
→ Verwandte Begriffe: Alt-Text | Core Web Vitals | Caching | Responsive Design
→ Externe Ressourcen: Squoosh: Bilder kostenlos komprimieren | Google: Das WebP-Format