Zum Inhalt springen

Seitenverhältnisse im Bild Editor anpassen

Per TSconfig ab TYPO3 7.6

Seit TYPO3 7.6 lässt sich das Seitenverhältnis von Bildern für die Ausgabe verändern, zum Beispiel in Inhaltselementen oder auch in den Seiteneigenschaften. Das Originalbild wird dabei nicht verändert.

Neben der Möglichkeit den Bildausschnitt frei zu wählen, sind verschiedene Seitenverhältnisse (aspect ratios) vorgegeben. Mit ein paar Zeilen TSconfig lassen sich diese beliebig anpassen.
Dabei ist zu beachten: durch das TSconfig werden die Standardvorgaben überschrieben. Im Bild-Editor stehen dann nur die Seitenverhältnisse zur Verfügung, die im TSconfig definiert wurden.

Folgendes Beispiel fügt neben den üblichen Seitenverhältnissen auch welche für Social Media-Plattformen hinzu. Hier sind die Bezeichnungen für die Schaltflächen fest vorgeben.

Man kann hier aber auch die in TYPO3 übliche Lokalisierungssyntax (LLL:...) verwenden, um die Bezeichnungen in Sprachdateien (locallang.xlf) abzulegen. 

Script für Version TYPO3 7LTS

TCEFORM.sys_file_reference.crop.config.ratios {
  NaN = Frei
  1 = 1:1
  1\.3333333333 = 4:3
  1\.5 = 3:2
  1\.7777777777777777= 16:9
  1\.9108280255 = Facebook Standard
  2 = Twitter Standard
  0\.666969147= Pinterest Standard
}

 

Die Zahlen stellen hierbei das Seitenverhältnis dar. Bei einem Seitenverhältnis von 4:3 errechnet es sich so: 4 / 3 = 1.333333333
Im TSconfig muss der Punkt . mit einem Backslash \ escaped werden, die Schreibweise wäre also 1\.333333333

Script für Version TYPO3 8LTS

TCEFORM.sys_file_reference.crop.config.cropVariants {
  default {
    title = Default desktop
    selectedRatio = NaN
    allowedAspectRatios {
      NaN {
        title = Frei
        value = 0.0
      }
      1:1 {
        title = 1:1
        value = 1.0
      }
      3:2 {
        title = 3:2
        value = 1.5
      }
      2:3 {
        title = 2:3
        value = 0.6666666667
      }
      4:3 {
        title = 4:3
        value = 1.3333333333
      }
      3:4 {
        title = 3:4
        value = 0.75
      }
      16:9 {
        title = 16:9
        value = 1.7777777778
      }
    }
  }
  specialMobile {
    title = Our special mobile variant
    selectedRatio = NaN
    allowedAspectRatios {
      4:3 {
        title = 4:3
        value = 1.3333333
      }
    }
  }
}

 

Aktualisiert: 04.05.2023