Bilder auf mobil abgeschnitten

Symptombeschreibung

Abgeschnittene Bilder wirken schnell unprofessionell, besonders wenn Gesichter, Produkte oder wichtige UI-Ausschnitte fehlen.

Praxisbeispiel: Das Teamfoto sieht am Desktop gut aus, mobil fehlt aber die Hälfte der Personen. Der erste Eindruck wirkt lieblos.

Typische Anzeichen

• Köpfe, Produkte oder wichtige Bildbereiche fehlen mobil.
• Bilder sind verzerrt oder ungewöhnlich gequetscht.
• Beim Laden springt das Layout, weil Bildhöhen fehlen.

Häufige Ursachen

• `object-fit: cover` wurde ohne mobile Bildposition genutzt.
• Es gibt nur ein Desktop-Bild für alle Ansichten.
• Breite und Höhe fehlen, wodurch Layout und Zuschnitt instabil werden.

Was Sie selbst prüfen können

1. Prüfen Sie Hero-Bilder, Teamfotos und Leistungsbilder separat.
2. Achten Sie darauf, ob wichtige Inhalte im Bildzentrum bleiben.
3. Nutzen Sie passende mobile Zuschnitte oder Bildpositionen.

Wann eine Website-Diagnose sinnvoll ist

Eine Diagnose lohnt sich, wenn Bilder Teil der Vertrauensbildung sind. Dann zählt nicht nur Dateigröße, sondern auch sichtbarer Ausschnitt und Layout-Stabilität.