Der Bild-Block (Image)

Blick von oben über das Schloss Sanssouci mit Stadt und Seen im Hintergrund.
Ein Bild sagt mehr als tausend Worte. Mit dem Bild-Block fügen Sie Fotos, Grafiken oder Illustrationen in Ihre Seite ein, um die Inhalte visuell aufzulockern.

Block

Bild

/bild

Der Bild-Block bindet visuelle Inhalte nahtlos und elegant in Ihre Seiten ein. Das Theme übernimmt hierbei vollautomatisch die optimale Skalierung und Ausrichtung, sodass Bilder auf allen Endgeräten stets perfekt und harmonisch dargestellt werden. Durch die intelligente Verknüpfung mit der Mediathek werden wichtige Metadaten wie das Urheberrecht ohne Ihr Zutun direkt am Bild ausgespielt.

Anwendungsbeispiele

  • Einbinden von redaktionellen Fotos, Grafiken oder stimmungsvollen Bildern zur visuellen Unterstützung des Textes.
  • Hochwertiges Präsentieren von Bildmaterial im idealen Breitbildformat.
Do’s
  • Nutzen Sie für Ihre Bilder vorzugsweise das Seitenverhältnis 16:9, da diese Ausprägung im Gesamtlayout der Website visuell am besten wirkt.
  • Füllen Sie beim Hochladen eines Bildes in der Mediathek immer das Feld „Urheberrecht“ aus – das Theme sorgt dann automatisch dafür, dass der Copyright-Nachweis korrekt eingeblendet wird.
  • Beachten Sie die allgemeinen Pflichtfelder in der Mediathek beim Medien-Upload, um eine konsistente Datenbasis zu gewährleisten.
  • Aktivieren Sie bei Bedarf eine optionale Bildunterschrift ganz einfach über das Drei-Punkte-Box-Icon direkt in der Werkzeugleiste des Blocks.
  • Vergeben Sie in der Mediathek immer einen präzisen, beschreibenden Alternativtext (Alt-Text). Dieser ist für die Barrierefreiheit essenziell, damit Screenreader das Bild für sehbeeinträchtigte Menschen verständlich übersetzen können (er ist nur dann vernachlässigbar, wenn das Bild ein reines, inhaltsleeres Dekorationselement ist).
Dont’s
  • Verzichten Sie darauf, Urheberrechtshinweise manuell in die Bilddatei oder den Text zu schreiben – das System liest diese Daten elegant und einheitlich aus der Mediathek aus.
  • Lassen Sie den Alt-Text bei informationstragenden Bildern niemals leer, um allen Besuchern der Website den vollen Informationsgehalt zugänglich zu machen.