When uploading an image via the cms, multiple versions should be generated using defined ratios and sizes.
To use a specific image source in the frontend, a key like 2_1_1920
is used, which would in this case deliver a version of the image with a ratio of 2:1
and a width of 1920px
.
Here's an example of an image, that should keep the ratio 2:1 in all viewports.
Within the <picture>
element there are 4 <source>
elements and 1 <img>
element as fallback.