Zum Experten-Blog

Effizientes Bildmanagement mit AI

Die Bedeutung von Bildern im Web ist immens: Bilder schaffen Identifikation, holen den Benutzer emotional ab und veranschaulichen. Die Be- und Verarbeitung von Bildern für die digitale Welt stellt die Contentmanager allerdings vor grosse Herausforderungen. Speziell die Formatierung ist anspruchsvoll. AI kann jedoch für Entlastung der Contentmanager sorgen: durch die automatische Berechnung des Fokuspunkts.

Den interessanten Bildauschnitt immer im Blick

Responsives Design unterstützt eine beliebige Anzahl von Device-Grössen und der Trend hin zur Bespielung von verschiedenen Kanälen multipliziert die Anzahl der möglichen Bildzuschnitte noch weiter. Selten entwickeln unsere Teams Webanwendungen mit weniger als einem Dutzend möglicher Bildformate. Diese spielen das gleiche Bild dann in unterschiedlichen Kontexten im jeweils passenden Hoch- oder Querformat aus.

Die Anzahl der Bildzuschnitte erfordert immer öfter eine automatische, softwaregesteuerte Berechnung, um die Arbeit der Contentmanager zu entlasten und langfristig die visuelle Konsistenz des Webauftrittes zu sichern. Es empfiehlt sich, bei der Berechnung der automatischen Bildzuschnitte einen sogenannten Fokuspunkt zu verwenden. Dieser stellt sicher, dass der interessante Bildausschnitt immer im Blick bleibt.

Responsives Bildlayout. Original Bildformat als Hero-Image auf MySwitzerland.com. Quadratisches Bildformat für Teaser oben ohne Fokuspunkt, unten mit Fokuspunkt.
Responsives Bildlayout. Original Bildformat als Hero-Image auf MySwitzerland.com. Quadratisches Bildformat für Teaser oben ohne Fokuspunkt, unten mit Fokuspunkt.

AI berechnet automatisch den Fokuspunkt

Wie kann AI die Contentmanager unterstützen? Klassischerweise wird der Fokuspunkt manuell im Content-Management-System gesetzt. Wenn sehr viele Bilder verarbeitet werden müssen, kann es Sinn machen, dass ein AI-Service die Berechnung automatisch vornimmt. Solche Services analysieren auf Basis von Machine-Learning-Algorithmen jedes hochgeladene Bild und liefern die notwendige Information, um den Fokuspunkt automatisch zu setzen. In einem zweiten Schritt kann die Redaktion den Fokuspunkt bei Bedarf anpassen. Neben der Zeitersparnis gibt es noch einen weiteren Vorteil der Lösung. Redaktionsmitglieder mit motorischen Einschränkungen profitieren davon, dass sie keine Maus benötigen, um den Fokuspunkt zu setzen.

Weitere Anwendungsgebiete von AI für das Bildmanagement

AI kann im Bildmanagement auch bei der Beschreibung und Verschlagwortung von Bildern helfen. Als relevante Erleichterung für die Contentmanager können Bilder so automatisch kategorisiert werden. Dies unterstützt die Auffindbarkeit im Content-Management-System und bietet gleichzeitig neue Verlinkungsmöglichkeiten im Frontend. Die Erkennung von Farbschemen hilft dabei, Bilder automatisch farblich einzuordnen.

Mit der automatischen Berechnung des Fokuspunkts steigern wir somit die Usability und Accessibility für die Redaktion. Dank AI kann sich die Redaktion bei der Verarbeitung von Bildern für die täglich wachsende Komplexität im Frontend bei verschiedensten Device-Grössen und Kanälen auf das Wesentliche, den Inhalt, konzentrieren.
Im Zuge des Relaunches von MySwitzerland.com haben wir für ein effizientes Bildmanagement den AI-Service «Cloudinary» in Sitecore 9 implementiert. 

Intelligent und automatisiert: Die Bildaufbereitung bei Schweiz Tourismus

Gastbeitrag von Markus Dittli

Head of Digital Platform & Projectmanagement

Auf MySwitzerland.com wollen wir die Besucher zum Träumen bringen. Dank über 400’000 Bildern und Videos können sie in die Schönheiten der Schweiz eintauchen. 

Die schier unüberschaubare Vielfalt an Endgeräten und hohen Anforderungen an die performante Auslieferung prägen das Management und die Aufbereitung der Assets: Sämtliche Bilder müssen in unterschiedlichen Formaten, unterschiedlichen Grössen sowie optimiert für verschiedene Browser, Endgeräte und Verbindungsgeschwindigkeiten zur Verfügung stehen. Die extensive Verlinkung von Inhalten auf MySwitzerland.com mittels unterschiedlichen Teaser-Elementen ist eine zusätzliche Herausforderung, wobei insbesondere die Wahl des richtigen Bildausschnitts nicht trivial ist. Hinzu kommt, dass wir nebst den eigenen Assets sehr viele Bilder von verschiedenen Content-Partnern nutzen und auf MySwitzerland.com ausgeben.

Manuell wäre das Management der Bilder für uns deshalb nicht mehr zu bewältigen. Für diese aufwendige Aufgabe haben wir den AI Cloud-Service Cloudinary integriert. Cloudinary analysiert mithilfe von Machine Learning jedes Bild und erstellt anhand verschiedener Parameter die notwendigen Bildableitungen davon. Der Bilderkennungsalgorithmus von Cloudinary entscheidet selbstständig, wie hoch die Komprimierung sein kann und welche Ausschnitte richtig sind. So pflegen die Editoren in Sitecore jeweils nur ein Bild ein: Die Aufbereitung übernimmt Cloudinary. Dies bedeutet eine riesige Entlastung für uns. Wir gewinnen so wertvolle Zeit für die Contenterstellung, -vernetzung und Qualitätssicherung. Zudem steigen die Freiheitsgrade für die Gestaltungselemente auf der Website, weil Bildformate und -grössen flexibel und automatisiert angepasst werden. Falls es mal nicht klappt mit dem richtigen Bildausschnitt, hat der Editor immer noch die Möglichkeit, den Bildausschnitt selber zu übersteuern.

Dies ist für uns der Einstieg in die Nutzung künstlicher Intelligenz – weitere Anwendungsgebiete werden ganz bestimmt folgen!

Markus Dittli, Head of Digital Platform & Project Management, Schweiz Tourismus
Markus Dittli, Head of Digital Platform & Project Management, Schweiz Tourismus

Mehr zum Thema in unserem Dossier zu Artificial Intelligence entdecken