Unterschiedliche Bildgrößen (abweichende Verhältnisse von Bildern) sorgen immer wieder für Layoutprobleme oder -verschiebungen und lassen das Gesamterscheinungsbild nicht harmonisch erscheinen. Daher können die Bildgrößen durch vertikales / horizontales Auffüllen (keine Verzerrung) vereinheitlicht werden.
Ist die entsprechende Plugin-Option aktiviert, so werden während des Image-Processings in xt:Commerce die Bilder auf die Größe der Bildklasse gerendert (horizontale / vertikale Auffüllung).
Hinweis: Die Größe je Bildklasse bzw. die Abmessungen der Bildklasse wird im Backend unter „Inhalte => Media => Bildtypen“ definiert.
Beispiel:
Ihr Bild hat die Abmessungen 1000px * 800px (Breite x Höhe), also ein Verhältnis von 5:4 bzw. 1,25 auf.
Die Bildklasse „thumb“ weist hingegen ein Verhältnis von 290/400 = 0,725 auf.
Wird das Ausgangsbild also auf eine Breite von 290px skaliert, so beträgt die Höhe ohne Verzerrung oder Beschneidung des Bildes nur 232px (statt 400px).
Um einheitliche Bilder zu erhalten muss also oben und unten (vertikal) mit jeweils (400-232)px /2 = 84px aufgefüllt werden.
Dies übernimmt unser Plugin automatisch für Sie, wenn die Option aktiviert ist. die vereinheitlichten Bilder haben so stets dieselbe Größe und das Gesamtbild wirkt harmonischer.
Wichtig:
Das Verhältnis aller Bilder sollte grundsätzlich ähnlich sein und keine zu großen Differenzen aufweisen, da ansonsten sehr große Randbereiche notwendig sein können wodurch das Endergebnis / angepasste Bild sehr klein im Vergleich zum Rahmen wirken würde.
Die Funktion soll insbesondere kleinere Unterschiede effektiv ausgleichen.