Bildzuschnitt & Seitenverhältnis

  • Bilder können mit festem Seitenverhältnis eingebunden werden. Im responsive Design wird dann (üblicherweise) die Breite über Regeln festgelegt, die Höhe ergibt sich aus den Bildproportionen.
  • Bilder können auch einen vorgegebenen Container füllen. Die Größe des Container wird separat festgelegt, ggfs. mit variablem Seitenverhälntis. Das Bild füllt dann den Container in jedem Fall, wird aber u. U. an den Rändern beschnitten. (backstretch / cover)
  • Bei Backstretch-Bildern kann zusätzlich ein Fix-Punkt angegeben werden, der beim Zuschnitt stets (so gut wie möglich) in der Mitte des Bildes gehalten wird.