Blog

Responsive Bilder mit festen Höhen auf unter­schiedlichen Display­größen

Bildbeschnitte und Bildgrößen in der Praxis
Responsive Bilder mit festen Höhen auf unterschiedlichen Displaygrößen

Häufig soll ein Hero-Teaser oder ein vollflächiges Bild auf einer Website zwar groß zu sehen sein - das Bild in seinem vollen Seitenverhältnis sprengt dann allerdings den Rahmen. Was tun?

Die naheliegende Lösung ist es, das Bild auf eine maximale Größe zu beschränken. Wenn das Bild jedoch vollflächig zu sehen sein soll, haben wir ein Problem. Im diesem Beitrag schauen wir uns drei Displaygrößen mit unterschiedlichen Pixelgrößen an und demonstrieren, wie ein vollflächiges Bild sich bei unterschiedlicher Anzeigegröße verhält und welche Anteile des Bildes beschnitten werden.