Zum Hauptinhalt springen

Bildkomponente

Stelle einzelne Bilder flexibel dar, passe Zuschnitt und Breite an und ergänze optional eine Bildunterschrift.

Vor über 2 Wochen aktualisiert

Die Bildkomponente dient der Darstellung eines einzelnen Bildes. Sie eignet sich sowohl für inhaltliche Abbildungen als auch für dekorative oder strukturierende Elemente.

Optional können eingeblendet werden:

  • eine Headline

  • eine Subheadline

Das Bild selbst wird aus dem Medienarchiv ausgewählt.


Bildbearbeitung

Nach Auswahl des Bildes aus dem Medienarchiv stehen folgende Funktionen zur Verfügung:

  • Zuschneiden

  • Fokus setzen

  • Zurücksetzen der Anpassungen

Über die Zuschneide- und Fokus-Funktion kann der sichtbare Bildausschnitt innerhalb von headful angepasst werden, ohne das Originalbild zu verändern.


Bildunterschrift

Unterhalb des Bildes kann eine Bildunterschrift eingefügt werden.

Diese wird über einen Rich-Text-Editor gepflegt und kann bei Bedarf ausgeblendet werden.

Besonderheiten:

  • Die Voreinstellung ist zentriert unterhalb des Bildes und die Schriftgröße ist etwas kleiner als der Standard-Fließtext

  • Formatierungen und Verlinkungen sind möglich

  • Die Darstellung kann angepasst werden

Im Gegensatz zur Text-Media-Komponente ist die Anordnung hier nicht variabel:
Das Bild steht immer über der Bildunterschrift.


Layout & Breite

Unter Layout kann festgelegt werden, wie breit das Bild dargestellt wird:

  • Default → Standardbreite

  • Weit → ca. 20 % breiter als Default

  • Full → gesamte Seitenbreite

Da es sich um feste Formate handelt, verändert sich bei größerer Breite auch die Bildhöhe proportional.


Farbschema

Wie bei anderen Komponenten kann ein Farbschema auf die Bildkomponente angewendet werden.


Tipps & Tricks

  • Nutze die Zuschneidefunktion gezielt, um von der Standardhöhe abzuweichen.

  • In Kombination mit der Full-Breite kann ein schmal zugeschnittenes Bild als dekorativer Trenner zwischen Komponenten eingesetzt werden.

  • Achte bei Full-Breite auf ausreichend hohe Bildauflösung, da die Darstellung sehr groß wird.

  • Plane Bildausschnitte bewusst, um visuelle Hierarchien zu erzeugen.

Hat dies deine Frage beantwortet?