f_koenig
Returning Observer

Ausgabe von verschiedenen Bildauflösungen für verschiedene Viewports über CaaS

Hi,

hat jemand eine gute Idee wie man unter Verwendung der CaaS-API Informationen über die vom Frontend zu verwendenden Bildauflösungen bei verschiedenen Viewports übermittelt?

Bisher nutzen wir in unserem klassischen Projekt im HTML-Kanal einer Absatzvorlage ein Konstrukt wie dieses:

<picture>
    <source media="(min-width: 1536px)" srcset="$CMS_REF(st_pictureBackground, res:"MediaTextWide_1x")$">
    <source media="(min-width: 1280px)" srcset="$CMS_REF(st_pictureBackground, res:"MediaTextDesktop_1x")$">
    <source media="(min-width: 1024px)" srcset="$CMS_REF(st_pictureBackground, res:"MediaTextTabletLandscape_1x")$">
    <source media="(min-width: 768px)" srcset="$CMS_REF(st_pictureBackground, res:"MediaTextTabletPortrait_1x")$">
    <source media="(min-width: 480px)" srcset="$CMS_REF(st_pictureBackground, res:"MediaTextMobileLandscape_1x")$">
    <source media="(min-width: 0px)" srcset="$CMS_REF(st_pictureBackground, res:"MediaTextMobilePortrait_1x")$">
...
</picture>
 
Über die CaaS-API bekommen wir nun ja die URLs sämtlicher Auflösungen des im Feld st_pictureBackground ausgewählten Bildes, aber keine weiteren Meta-Informationen zu den gewünschten Viewports.
 
Gibt es hier ein bewährtes Vorgehen wie man so etwas umsetzen kann?
 
Vielen Dank und viele Grüße
Fabian
0 Kudos