Bildausschnitt mit TypoScript

Zur Illustration der Einstellungen wurde das folgende Originalbild verwendet:

Manchmal kann es erforderlich sein, auf eine bestimmte Größe zuzuschneiden. Beim TypoScript Object IMG_RESOURCE werden die Parameter width und height verwendet, um die angezeigte Bildgröße zu bestimmen:

file.width = 300
file.height = 100

Das Bild erscheint in der neuen Größe, wurde aber gestaucht:

Die Verzerrung kann man vermeiden, in dem man einen oder beide Parameter mit dem Buchstaben m versieht:

file.width = 300m
file.height = 100

Das Bild wird in diesem Fall auf eine Höhe von 100 Pixeln skaliert, die Breite ergibt sich durch das Seitenverhältnis automatisch (Bild oben).

Verwendet man dagegen den Buchstaben, so wird das Bild in einen Rahmen von der angegebenen Größe eingepasst. Die Proportionen werden beibehalten, das Bild zentriert. Mit den Parametern

file.width = 120c
file.height = 120

kann so aus dem rechteckigen ein quadratisches Bild erzeugt werden. Optional kann noch eine Verschiebung im Bereich -100 bis +100 (%) angegeben werden, damit lässt sich der Rahmen über dem Originalbild horizontal (bei width) bzw. vertikal (height) positionieren:

width=120c
height=120
width=120c-100
height=120
width=120c+100
height=120

Natürlich muss der Rahmen nicht quadratisch sein, es können beliebige Fenster definiert werden:

width=380
height=100c-100
width=380
height=100c
width=380
height=100c+100
 

Sie sind hier: TYPO3 » Tipps & Tricks » TypoScript » Bildausschnitt mit TypoScript

Servicetelefon 0800 - 8976326 (kostenloser Anruf)