# 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
