77 lines
2.1 KiB
Markdown
77 lines
2.1 KiB
Markdown
# 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.jpg` statt `IMG_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_image` Tool (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/Footer
|
|
- `hero/` → Verwendung in Hero-Sections
|
|
- `team/` → Verwendung auf Team/Über-uns Seiten
|
|
- `gallery/` → Verwendung in Galerien/Portfolio
|
|
- `icons/` → UI-Icons, Service-Icons
|
|
- `backgrounds/` → Hintergrundbilder, Muster
|