Bildaufbereitung für Sitecore | © comspace GmbH & Co. KG | www.comspace.de

Unterschiedliche Viewports einer Website erfordern unterschiedliche Varianten eines Bildes. Ein Bild im

Sitecore CMS für verschiedene Formate und Ausgabegeräte aufzubereiten und passend zuzuschneiden,

zählt dabei zu den täglichen, meist eher aufwändigen Aufgaben für Redakteure. Was vorher manuell

erledigt wurde, kann jetzt in hohem Maße automatisch erfolgen.

Intelligente Bildbearbeitung direkt im CMS

Mit der von uns entwickelten Lösung „AI Image Cropping” für Sitecore, einsetzbar ab der Version 9.0, kann

der Redakteur ein Bild mit einem einzigen Upload für jeden Viewport automatisiert im passenden Format

und Seitenverhältnis zur Verfügung stellen und im Sitecore ablegen, während gleichzeitig der relevante

Bildfokus erhalten bleibt. Möglich wird dies mit Hilfe KI-basierter Dienste wie Microsoft Azure Cognitive

Services für maschinelles Sehen oder Imagga Cropping.

Über eine intuitive App im CMS erhält der Redakteur darüber hinaus die Möglichkeit, individuell einen

anderen als den vorgeschlagenen Bildausschnitt zu wählen.

Wie funktioniert die KI-unterstützte Bildbearbeitung?

Zunächst einmal muss der Redakteur die benötigten Bildformate für sein Projekt in Form von Seitenverhält-

nis und Mindestgröße in Pixeln defi nieren – sei es für verschiedene Viewports oder auch die Verwendung

in unterschiedlichen Modulen auf der Website. Die defi nierten Standardformate werden in der zentralen

Konfi gurationsmöglichkeit in den Sitecore Templates hinterlegt. Entwicklerseitig wird eine HTML Extension

implementiert, um die vordefi nierten Bildformate passend für die Viewports auszuspielen.

Über eine Schnittstelle wird die API des KI-Services an Sitecore angebunden. Dieser intelligente Service

sorgt dafür, dass das hochgeladene Bild bereits beim Upload auf die defi nierten Formate zugeschnitten und

gleichzeitig der jeweils passende Bildausschnitt gewählt wird. Das hochgeladene Originalbild und die neuen

Bildversionen werden im Sitecore Media Center abgelegt.

• Anbindung Sitecore CMS über API an den KI-Service

• Passendes Bild für jeden Viewport mit einem Upload

KI-unterstützte Bildaufbereitung mit Sitecore

• Defi nition benötigter Bildformate in den Templates

• Automatisierte KI-basierte Format-Anpassung beim Bildupload

• Intelligente Auswahl des relevanten Bildausschnitts

Bildaufbereitung für Sitecore | © comspace GmbH & Co. KG | www.comspace.de

Ein Beispiel: Ein Foto zeigt eine Wiese und eine Person im Vordergrund. Die KI wird in jedem der vorge-

gebenen Formate die Person in den Mittelpunkt rücken, denn sie wählt automatisch den offensichtlich

relevanten Ausschnitt und schneidet das Bild entsprechend zu. Dies ist besonders für Schriftzeichen

relevant. Schließlich soll beispielsweise bei einem Logo kein Teil der Schrift durch die Formatänderung

abgeschnitten werden, sondern immer noch das ganze Logo sichtbar sein.

Manuelle Nachbearbeitung als zusätzliche Option

Um dem Redakteur dennoch die Möglichkeit zu geben, Bilder manuell nachzubearbeiten oder einen

anderen Bildausschnitt festzulegen, stellen wir im Sitecore CMS eine native App zur manuellen Nach-

bearbeitung zur Verfügung. Diese Applikation basiert auf SPEAK 3.0, einem Sitecore Framework zur

Entwicklung von Sitecore Apps. Nach dem Zuschneiden des Bildes wird die neue Variante gespeichert

und automatisch als „Child Item“ im Media Center abgelegt.

Vorteile für den Redakteur im Überblick

• Automatisierte, intelligente Formatanpassung für vordefi nierte Einsatzzwecke

ohne zusätzlichen Arbeitsaufwand

• Automatisches Abspeichern der verschiedenen Bildversionen im Sitecore Media Center

• Das Originalbild bleibt unverändert erhalten

• Möglichkeit der manuellen Bildanpassung, ohne das Sitecore Backend zu verlassen

Fazit

Die KI-basierte Bildaufbereitung für Sitecore schließt eine Lücke im CMS, denn bisher gibt es keine ganz-

heitliche, benutzerfreundliche Lösung Out-of-the-box. Für Redakteure ist es eine große Erleichterung,

wenn sie sich nicht mit manueller Bildaufbereitung aufhalten müssen, sondern die verschiedenen View-

ports automatisiert mit passenden Bildern bedienen können.

• Manuelle Veränderung von Format und Bildausschnitt im Sitecore

• Native App auf Basis von SPEAK 3.0

• Original bleibt erhalten

Bildaufbereitung für Sitecore | © comspace GmbH & Co. KG | www.comspace.de

Über Sitecore

Das dänische Unternehmen Sitecore ist der globale Marktführer für Content- und Customer Experience

Management Software. Sitecore hilft Unternehmen dabei, relevante, überzeugende Interaktionen auf Webseiten,

per E-Mail, mobil, in Sozialen Medien und Offl ine zu führen. Mehr als 4.000 führende Marken und Unterneh-

men wie American Express, Bayer, Dornbracht oder VARTA nutzen Sitecore als Motor ihres Marketings.

Über comspace

comspace entwickelt digitale Lösungen für anspruchsvolle Projektanforderungen – mit hoher technischer

Kompetenz, kontinuierlich geschulten Experten und großer Leidenschaft für das Online Business. Dabei

setzt die Digitalagentur auf führende Content Management-, E-Commerce- und Digital Asset Manage-

ment Systeme. Als einer der Top 100 Internetdienstleister in Deutschland sorgt comspace zuverlässig

für die individuelle Implementierung und Integration von CMS-Projekten und schafft Schnittstellen zu

Drittsystemen. Zu den langjährigen Kunden zählen u. a. die Dornbracht GmbH & Co. KG, Krones AG,

Otto Bock HealthCare GmbH und Xella International GmbH.