Visuelle Akzente setzen: So nutzen Sie Bilder optimal
Ein Bild sagt mehr als tausend Worte – das gilt besonders für Ihre Website. Ob Sie Produkte präsentieren, Ihr Team vorstellen oder Emotionen wecken möchten: Mit dem Kopage Website Builder fügen Sie Bilder und Galerien intuitiv per Drag-and-Drop ein.
Performance-Tipp: Verwenden Sie für das Web optimierte Bilder (JPG/PNG/WebP, ca. 100–300 KB). Das sorgt für blitzschnelle Ladezeiten und glückliche Besucher.
1. Ein einzelnes Bild einfügen
- Klicken Sie auf der gewünschten Seite auf den Bearbeiten-Button (Stift-Symbol).
- Wählen Sie das Element Image aus der Liste aus.
- Klicken Sie auf Browse/Upload, um ein Bild hochzuladen oder ein Foto aus Ihrer Mediathek zu wählen.
- Nach dem Einfügen können Sie Größe, Ausrichtung und Stil direkt im Editor anpassen.
2. Professionelle Bildgalerien erstellen
Wenn Sie mehrere Bilder präsentieren möchten, ist das Galerie-Element die beste Wahl:
- Fügen Sie über + Content einen neuen Inhaltsblock hinzu.
- Wählen Sie Gallery als Elementtyp.
- Über Manage Gallery laden Sie Ihre Fotos hoch. Sie können die Reihenfolge einfach per Drag-and-Drop verschieben.
3. Design und Styling anpassen
Effekte & Rahmen
Fügen Sie Schatten hinzu oder glätten Sie die Ecken für einen modernen Look.
Fügen Sie Schatten hinzu oder glätten Sie die Ecken für einen modernen Look.
Interaktion
Aktivieren Sie den Zoom-Effekt (Lightbox), damit Bilder beim Anklicken vergrößert werden.
Aktivieren Sie den Zoom-Effekt (Lightbox), damit Bilder beim Anklicken vergrößert werden.
Hintergründe
Nutzen Sie Bilder als vollflächige Hintergründe für einzelne Abschnitte (Sektionen).
Nutzen Sie Bilder als vollflächige Hintergründe für einzelne Abschnitte (Sektionen).
4. SEO & Barrierefreiheit (Alt-Texte)
Damit Suchmaschinen Ihre Bilder verstehen und Screenreader sie beschreiben können, sollten Sie Alt-Texte vergeben:
- Klicken Sie auf das eingefügte Bild und wählen Sie Edit Image.
- Tragen Sie unter Alt Text eine kurze, prägnante Beschreibung ein (z. B. "Modernes Webdesign Beispiel CURIAWEB").
Fazit: Mit ansprechenden Bildern wirkt Ihre Seite sofort professioneller. Kopage nimmt Ihnen die technische Arbeit ab, sodass Sie sich voll auf das Design konzentrieren können.
Nächster Schritt: Erfahren Sie hier alles über die SEO-Basics in Kopage.
