Bildgrössen und -formate
Bilder müssen mit einer gewisse Mindestbreite in Pixeln hochgeladen werden, damit sie in der bestmöglichen Qualität dargestellt werden können. Diese Mindestbreite hängt vom Einsatzort bzw. der Komponente ab und gilt für hochauflösende Displays.
Aktuell
Für die neue Website (RWS) gilt für alle Bilder eine Mindestbreite von 2000 Pixel und eine maximale Auflösung von 25 Megapixel (5000 x 5000 Pixel).
Mindestgrössen und Formate für verschiedene Komponenten
Bildstreifen, Vollbild-Grafik, Kontextbox und Youtube-Video
Die folgenden Bildgrössen und -formate gelten für Bilder, die die gesamte Inhaltsbreite füllen, also Bildstreifen (auf Seiten der Ebene 1) und Vollbild-Grafiken.
Kontextboxen können ebenfalls Bilder aufnehmen, die über die ganze Breite gehen. Dasselbe gilt für Vorschaubilder von Youtube-Videos. Entsprechend gilt dieselbe Mindestbreite.
Bildstreifen und Vollbild-Grafik
| Minimum-Upload-Grössen | Bildstreifen | Vollbild-Grafik | Kontextbox Vorschaubild Video |
|---|---|---|---|
| Breite | 1752 Px | 1752 Px | 1752 Px |
| Höhe | 778 Px | 762 Px | 986 Px |
| Seitenverhältnis | 9:4 | 2.3:1 | 16:9 |
Teaser und Unterseiten auflisten
Im modularen Bereich von Startseiten und bei der Komponente «Unterseiten auflisten» ist das Verhältnis von Breite zu Höhe festgelegt. Bei der Teaser-Komponente ist die Höhe variabel.
Grösse und Format für Teaserbilder im modularen Bereich auf Startseiten
| Minimum-Upload-Grössen | Modularer Bereich, Unterseiten auflisten | Teaser-Komponente |
|---|---|---|
| Breite | 812 Px | 812 Px |
| Höhe | 457 Px | variabel |
| Seitenverhältnis | 16:9 | variabel |
Text-Bild-Komponente
- Für die Bilder in Text-Bild-Komponenten stehen drei Anzeigegrössen zur Verfügung: Mini, Klein, Mittel.
- Die Mindestbreiten gelten analog für andere Komponenten, bei denen diese drei Grössen zur Verfügung stehen (z. B. Publikation & Broschüre, News usw.)
Grösse und Format für Bilder der Bild/Text-Komponente
| Mittleres Bild | Kleines Bild | Mini-Bild | |
|---|---|---|---|
| Breite | 946 Px | 766 Px | 560 Px |
| Seitenverhältnis | 3:2 | 3:2 | 3:2 |
Bildergalerien/-strecken
Für Bildergalerien und Bilderstrecken gibt es keine vorgeschriebenen Bildgrössen und Formate, da sich die Lightbox dem Bild anpasst. Ungleiche Formate wirken allerdings unruhig.
Thumbnails mit grauen Balken
Thumbnails werden unabhängig vom Seitenverhältnis der Bilder in einer 16:9-Box mit grauem Hintergrund zentriert. Bei Bildern mit einem anderen Seitenverhältnis als 16:9 erscheinen deshalb graue Balken.
Grösse und Format für Bildergalerien und Bildstrecken
| Thumbnails | Einzelteaser | |
|---|---|---|
| Breite | 812 Px | 1752 Px |
| Seitenverhältnis | 16:9 | 4:3 |
Bildvergleich
Für den Bildvergleich mini, klein und mittel gelten dieselben Grössen wie für die Text-Bild-Komponente. Für Vollbilder ist eine grössere Auflösung erforderlich.
Grösse und Format für Bilder der Bild/Text-Komponente
| Vollbild | Mittel | Klein | Mini | |
|---|---|---|---|---|
| Breite | 1752 | 946 Px | 766 Px | 560 Px |
| Seitenverhältnis | 3:2 | 3:2 | 3:2 | 3:2 |
Panorama / virtueller Rundgang
| Breite | max. 4096 Px |
|---|---|
| Seitenverhältnis | 2:1 |
| Projektion | Äquirektangulär (quadratische Plattkarte) |
Newsletter
Für Newsletter-Bilder gilt generell eine Mindestbreite von 700 Pixeln. Im AEM kann man das Bild mit dem voreingestellten Format oder mit variabler Höhe zuschneiden.
Grösse und Format für Bildergalerien und Bildstrecken
| Header | Inhalt | Inhalt Vollbild | |
|---|---|---|---|
| Breite | 700 Px | 700 Px | 700 Px |
| Ideales Seitenverhältnis | 16:9 | 3:2 | 2.31:1 |
Personenkontakt
- Das Porträtbild eines Personenkontakts wird in einem Kreis dargestellt.
- Der quadratische Ausschnitt muss mindestens eine Seitenlänge von 400 Px haben.
- Ausgabegrösse und -format von Bildern auf unserer Website hängen einerseits von der Pixelbreite des Browserfensters ab, andererseits von der Komponente und der Seitenebene, auf der man sich gerade befindet.
- Für alle Komponenten, die Bilder haben können, gelten ideale Formate und Mindestpixelbreiten.
- Bilder können direkt in den Komponenten im geeigneten Format zugeschnitten werden.
- Laden Sie wenn möglich Ihre Bilder in einer Grösse hoch, die die höchsten Mindestanforderungen erfüllt. Dann können Sie die Bilder ohne Qualitätsverlust in allen Komponenten einsetzen.