Zum Inhalt
IT & Medien Centrum der TU Dortmund

Der Bildeditor wird flexibel

Im Bildeditor können nun je Bildschirmbreite (Desktop-PC, Tablet, Mobiltelefon) unterschiedliche Bildausschnitte gesetzt werden. Zudem wurden die verfügbaren Bildausschnitte je Inhaltselement optimiert.

Bisher wurde nur der im TYPO3-Backend gewählte Bildausschnitt für Desktop-PCs im Frontend angezeigt. Da Besucher und Besucherinnen heutzutage mit unterschiedlichsten Bildschirmbreiten auf Webseiten zugreifen, war ein flexiblerer Ansatz gefragt.

Durch die Überarbeitung des Bildeditors können nun je Bild unterschiedliche Bildausschnitte für Desktop-PCs, Tablets und Mobiltelefone gewählt werden. Auf diese Weise ist es möglich, die Bildausschnitte für verschiedene Geräteklassen zu optimieren.

Optimiert wurde auch, welche Bildausschnitte je Inhaltselement zur Verfügung stehen. Vorher konnte man zum Teil auch Bildausschnitte wählen, die für das jeweilige Inhaltselement nicht gedacht waren. Dies führte oftmals zu fehlerhaften Darstellungen im Frontend.

Bildretusche zeigt drei Geräte - Desktop-PC, Tablet und Mobiltelefon - vor grünem Hintergrund. Die Geräte zeigen jeweils einen anderen Bildausschnitt für das gewählte Bildmotiv. © TU Dortmund
Bildausschnitte je Geräteklasse

Die neuen Funktionen im Überblick

Screenshot des TYPO3-Backends zeigt Bildeditor mit der möglichen Auswahl von Bildausschnitten für Desktop-PCs, Tablets und Mobiltelefone © TU Dortmund
Unterschiedliche Bildausschnitte je Geräteklasse

Wenn Sie im TYPO3-Backend mit dem Bildeditor arbeiten, haben Sie die Möglichkeit den Bildausschnitt eines Bildes zu beeinflussen. Dabei können Sie jeweils einen separaten Bildausschnitt für Desktop-PCs, Tablets und Mobiltelefone wählen. 

Im Frontend werden dann automatisch die jeweils passenden Bildausschnitte ausgegeben. Unsere TYPO3-Auftritte arbeiten hier mit fest definierten Umbruchpunkten, die ab einer bestimmten Bildschirmbreite den entsprechenden Bildausschnitt ausgeben.

Screenshot des TYPO3-Backends zeigt Bildeditor mit möglichen Bildausschnitt für das Inhaltselement Bildkachel © TU Dortmund
Abgestimmter Bildausschnitt für das Inhaltselement "Bildkachel"

Einige Inhaltselemente erfordern konkrete Bildausschnitte, um im Frontend korrekt angezeigt zu werden. So sollte beispielsweise beim Inhaltselement "Bildkachel" mit einem Bildausschnitt von 2:1 gearbeitet werden, damit es im Frontend nicht zu fehlerhaften Anzeigen kommt. 

Vorher standen immer alle im System verfügbaren Bildausschnitte zur Auswahl. Hierdurch kam es häufig zu redaktionellen Fehlern, da Bildausschnitte mit Inhaltselementen kombiniert wurden, die dafür nicht ausgelegt waren. 

Nun sind die wählbaren Bildausschnitte auf das jeweilige Inhaltselement abgestimmt. Wenn ein bestimmter Bildausschnitt benötigt wird, steht auch nur dieser zur Auswahl.

Was bedeutet dies für bestehende Auftritte?

Erst einmal nichts. Alle im Bildeditor gewählten Bildausschnitte, die aktuell im Einsatz sind, werden weiterhin wie gewohnt im Frontend angezeigt.

Erst, wenn Sie ein bestehendes Bild erneut im Bildeditor bearbeiten oder ein neues Bild hinzufügen, müssen Sie sich für einen der optimierten Bildausschnitte entscheiden. .

Ausblick: Weiterentwicklung des Bildeditors

Wie andere Funktionen unserer TYPO3-Installation auch, wird der Bildeditor samt wählbaren Bildausschnitten in der kommenden Projektphase weiterentwickelt. Eine genaue Liste der geplanten Optimierungen gibt es dabei noch nicht. Diese werden sich wie immer am Bedarf aller Auftritte orientieren.