Different variants such as sliders and lightbox are available to represent images.
When using visual materials, ensure that the styles and formats are uniform. In addition, less is often more. Use only licensed material.
The image sizes that are to be used are based on the basic grid discussed in Sec. 3.1, "Grid". Only a few general image sizes (ratios) should be used, and these should be used consistently.
- No image conflicts: A page should be designed so that the image and text complement one another ideally; images should break up the text or provide information, but they should not disrupt the flow unnecessarily. In general, one visual element and, depending on the length of the text, one to two images should be sufficient.
- If a larger number of images is to be used, they should be presented in an image gallery.
- Absolutely no Google images and no unlicensed images may be used. This rule applies even if an application is only available on the intranet.
Please also see: Visual style
Example of the recommended image formats and aspect ratios
Example of a simple image-text combination
Lightbox integrated in an article page
Lightbox in an opened layer