Wie verwende ich Hintergrundbilder und Overlays korrekt?

Bilder als Hintergrund können eine starke emotionale Wirkung erzielen, erschweren aber oft die Lesbarkeit von Texten. Das KI Web Studio bietet hierfür eine integrierte Lösung.

Wählen Sie eine Sektion aus und klicken Sie in den Block-Einstellungen auf 'Hintergrund'. Laden Sie Ihr Foto hoch und wählen Sie den Bildausschnitt. Um den Kontrast zum Text zu erhöhen, nutzen Sie das 'Overlay'.

Wählen Sie eine dunkle oder helle Farbe als Overlay und passen Sie die Deckkraft (Opacity) an. Ein Overlay von ca. 30-50% sorgt meistens dafür, dass das Bild noch erkennbar ist, der darüberliegende Text aber perfekt lesbar bleibt. Dies ist ein entscheidender Faktor für die Barrierefreiheit Ihrer Website.