Feature-Bild
Das Feature-Bild ist ein Teilbereich der Feature-Liste und zeigt das Hauptbild neben der Aufzählung von Vorteilen oder Eigenschaften an. Es wird automatisch als Teil der Feature-Liste verwendet und muss nicht separat konfiguriert werden.
Voraussetzungen
Dieser Bereich wird automatisch von der Feature-Liste verwendet. Du benötigst ein aussagekräftiges Bild, das deine Leistungen oder Produkte visualisiert.
Aufbau der Seite
Bilddarstellung
- Responsive Größe: Passt sich automatisch an die Bildschirmgröße an
- Optimierte Auflösung: Bild wird in verschiedenen Größen bereitgestellt
- Klick-Vergrößerung: Bild kann per Klick in Vollansicht geöffnet werden
- Abgerundete Ecken: Moderne, ansprechende Darstellung
Layout-Integration
- Seitenwechsel: Kann links oder rechts von der Feature-Liste stehen
- Responsive Verhalten: Auf Mobilgeräten unter der Feature-Liste
- Gleichmäßige Aufteilung: Nimmt die Hälfte der verfügbaren Breite ein
So arbeitest du mit dieser Seite
Bild auswählen
- Das Bild wird in der übergeordneten Feature-Liste konfiguriert
- Wähle ein hochwertiges, aussagekräftiges Foto
- Empfohlene Mindestgröße: 800x600 Pixel
- Das Bild sollte deine Leistungen oder Produkte zeigen
Bildoptimierung
- Das System erstellt automatisch verschiedene Bildgrößen
- Für beste Qualität verwende Bilder mit mindestens 1920 Pixel Breite
- JPEG-Format für Fotos, PNG für Grafiken mit transparentem Hintergrund
- Das System komprimiert Bilder automatisch für schnelle Ladezeiten
Position festlegen
- In der Feature-Liste kannst du "Seiten tauschen" aktivieren
- Dadurch wechselt das Bild von rechts nach links
- Teste beide Varianten für optimale Wirkung
Tipps und Hinweise
Bildauswahl:
- Verwende professionelle, hochwertige Fotos
- Das Bild sollte thematisch zu den Features passen
- Menschen in Aktion wirken oft überzeugender als Produktfotos
- Achte auf eine einheitliche Bildsprache
Technische Aspekte:
- Das Bild wird automatisch für verschiedene Bildschirmgrößen optimiert
- Lazy Loading sorgt für schnelle Seitenaufbauzeiten
- Alt-Text wird automatisch aus dem Feature-Titel generiert
- Moderne Bildformate werden automatisch verwendet
Design-Überlegungen:
- Das Bild sollte farblich zur Website passen
- Hochformat-Bilder funktionieren besser als Querformat
- Achte auf ausreichend Kontrast zum Hintergrund
- Teste die Darstellung auf verschiedenen Geräten
Content-Strategie:
- Das Bild sollte die Features visuell unterstützen
- Verwende authentische Bilder statt Stock-Fotos
- Zeige echte Anwendungsszenarien
- Das Bild sollte Emotionen wecken
Performance:
- Große Bilder werden automatisch komprimiert
- WebP-Format wird bei Unterstützung verwendet
- Progressive JPEG für bessere Ladezeiten
- CDN-Auslieferung für weltweite Performance
Verwandte Seiten
- Feature-Liste - Übergeordneter Bereich
- Features-Aufzählung - Textbereich der Features
- Bildergalerie - Für mehrere Bilder