Bildgrößen und Formate

Für den Contentbereich stehen vier Bildgrößen als Set zur verfügung, die jeweils eine Retinagrößen 2fach (2x) beinhaltet. Bildformate vom Type JPG und PNG werden von Contao als WEBP umgewandelt. Bilder sollten idealerweise gleich als WEBP-Format mit der Dateiendung .webp erstellt werden.

Die Bilder sollten in der Retina-Auflösung (in Bold) erstellt bzw. vorab runter gerechnet werden.

Im Contentbereich stehen bei 100% Breite 1320px zur Verfügung. Folgende Unterteilungen für Bilder in 2-4 Spalten ergeben sich damit.

Contentbereich:

Bildgröße 100% = 1320px retina 2640 x

Bildgröße 50% = 640px retina 1280 x

Bildgröße 33% = 415px retina 830 x

Bildgröße 25% = 300px retina 600 x

News & Events - 2 Spalten - 640x480 retina 1280x960

News & Events - Liste 866x540 (1732x1080)

News - Liste simple 188x106 (376x212)

Hero-Element:

Das Hero-Element wird über die komplette Breite dargestellt und hat eine maximale Breite für die Bilder von 1920px und 3840px für die Retinaauflösung, die auf großen Bildschirmen skalieren.

Für das Hero-Bilderset werden vier Höhen bereitgestellt.

smal 1920x300 retina 3840x600

medium 1920x400 retina 3840x800

large 1920x800 retina 3840x1600

viewport 1920x1800 retina 3840x3600