The Image Component is used to display a single image. It is suitable for both content-related visuals and decorative or structural elements.
Optionally, you can display:
a headline
a subheadline
The image itself is selected from the media archive.
Image Editing
After selecting the image from the Media Archive, the following functions are available:
Crop
Set focus
Reset adjustments
Using the crop and focus functions, the visible image area can be adjusted within headful without modifying the original file.
Caption
A caption can be added below the image. It is managed via a rich text editor and can be hidden if needed.
Special characteristics:
The default setting is centered below the image, with a font size slightly smaller than the standard body text
Formatting and linking are possible
The appearance can be adjusted
Unlike the Text-Media Component, the layout here is not flexible: The image is always displayed above the caption.
Layout & Width
Under Layout, you can define how wide the image is displayed:
Default → standard width
Wide → approximately 20% wider than Default
Full → full page width
Since these are fixed formats, increasing the width also increases the image height proportionally.
Color Scheme
As with other components, a color scheme can be applied to the Image Component.
Tips & Tricks
Use the cropping function intentionally to deviate from the default height.
In combination with the Full width option, a narrowly cropped image can serve as a decorative divider between components.
When using Full width, ensure the image resolution is high enough, as it will be displayed very large.
Plan image crops deliberately to create visual hierarchy.