Assets-Ordner
Dieser Ordner enthält Bilder und andere Medien, die die KI bei der Website-Erstellung verwenden soll.
Ordnerstruktur
Organisiere deine Assets in Unterordnern nach ihrer Verwendung:
assets/
├── README.md
├── logo/
│ └── logo.png # Hauptlogo
│ └── logo-white.png # Logo für dunkle Hintergründe (optional)
│ └── favicon.png # Favicon (optional)
├── hero/
│ └── hero-main.jpg # Hero-Bild für Startseite
│ └── hero-about.jpg # Hero-Bild für Über-uns (optional)
├── team/
│ └── person-1.jpg # Teammitglied 1
│ └── person-2.jpg # Teammitglied 2
├── gallery/
│ └── projekt-1.jpg # Projektbilder, Referenzen
│ └── projekt-2.jpg
├── icons/
│ └── service-1.svg # Icons für Services etc.
└── backgrounds/
└── pattern.png # Hintergrundmuster, Texturen
Namenskonvention
- Kleinbuchstaben verwenden
- Bindestriche statt Leerzeichen:
mein-bild.jpg - Beschreibende Namen:
team-max-mustermann.jpgstattIMG_1234.jpg
Wenn keine Assets vorhanden sind
Die KI verwendet automatisch Platzhalter-Bilder, wenn:
- Der Ordner leer ist
- Bestimmte erwartete Bilder fehlen
Platzhalter werden generiert über:
generate_imageTool (KI-generierte Bilder)- Placeholder-Services (z.B. unsplash, placeholder.com)
Unterstützte Formate
| Format | Verwendung |
|---|---|
.jpg / .jpeg |
Fotos, Hero-Bilder |
.png |
Logos, Grafiken mit Transparenz |
.svg |
Icons, Vektorgrafiken |
.webp |
Optimierte Webbilder |
Hinweise für die KI
Die KI erkennt anhand der Ordnerstruktur automatisch:
logo/→ Verwendung in Header/Footerhero/→ Verwendung in Hero-Sectionsteam/→ Verwendung auf Team/Über-uns Seitengallery/→ Verwendung in Galerien/Portfolioicons/→ UI-Icons, Service-Iconsbackgrounds/→ Hintergrundbilder, Muster