←  Alle Begriffe
B
Performance

Bildoptimierung

Bildoptimierung reduziert Dateigröße und Ladezeit, ohne die für den jeweiligen Einsatzzweck nötige Bildqualität zu verlieren.

Bildoptimierung reduziert Dateigröße und Ladezeit, ohne die für den jeweiligen Einsatzzweck nötige Bildqualität zu verlieren. Für eine aussagekräftige Bewertung sollten reale Nutzerdaten, reproduzierbare Labortests und ein festes Performance Budget zusammen betrachtet werden. Eng verbunden ist der Begriff mit Lazy Loading und Largest Contentful Paint.

Weiterlesen

Lazy Loading

Largest Contentful Paint

CDN

Website Performance

FAQ

Bildoptimierung

Sollte Bildoptimierung automatisiert oder manuell erfolgen?
Automatisierung lohnt sich bei vielen Bildern und mehreren Redakteuren, weil Format, Größe und Kompression konsistent bleiben. Manuelle Nachbearbeitung bleibt für Schlüsselmotive sinnvoll, bei denen Qualität schwerer wiegt. Ein Performance Budget legt fest, welche Dateigrößen akzeptabel sind. Beide Wege lassen sich in einem Workflow kombinieren.
Welche typischen Fehler passieren bei der Bildoptimierung?
Häufig sind zu große Originaldateien, die per CSS verkleinert werden, fehlende responsive Bildgrößen und zu starke Kompression, die Artefakte erzeugt. Fehlende Breiten- und Höhenangaben führen zu Layoutverschiebungen und schaden dem CLS. Eine einfache Prüfung ist der Vergleich von gelieferter und dargestellter Bildgröße.
Welche Bilder gehören bei der Bildoptimierung nicht ins Lazy Loading?
Bilder im sichtbaren Startbereich, besonders das LCP-Element, sollten sofort laden. Lazy Loading verzögert sie sonst und verschlechtert den LCP. Sinnvoll ist es für Bilder weiter unten auf der Seite, die erst beim Scrollen relevant werden. Als Faustregel gilt: sichtbar beim Laden heißt sofort laden.
Wie beeinflusst Bildoptimierung den Largest Contentful Paint?
Ist das größte sichtbare Element ein Bild, bestimmt dessen Ladezeit direkt den LCP. Kleinere Dateien, passende Abmessungen und frühes Laden des Hero-Bilds verbessern den Wert. Als gut gilt ein LCP von höchstens 2,5 Sekunden, gemessen am 75. Perzentil der Felddaten.
Welches Bildformat eignet sich für Websites am besten?
Für Fotos sind moderne Formate wie WebP oder AVIF meist deutlich kleiner als JPEG bei vergleichbarer Qualität. SVG passt für Logos und Icons, weil es verlustfrei skaliert. Die Wahl hängt von Motiv und Browser-Unterstützung ab, gegebenenfalls ist ein Fallback nötig.