feat: Add new image assets and update the asset structure documentation.

2026-02-06 10:03:26 +01:00
parent 3dcab8aaf3
commit d63eb85218
28 changed files with 16 additions and 67 deletions
@@ -1,76 +1,25 @@
-# Assets-Ordner
+# Asset-Struktur für Website

-Dieser Ordner enthält Bilder und andere Medien, die die KI bei der Website-Erstellung verwenden soll.
-
---
+Diese Ordner enthalten die Bilder und Medien für die Website.

 ## 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 |
+| Ordner | Verwendung |
 |--------|------------|
-| `.jpg` / `.jpeg` | Fotos, Hero-Bilder |
-| `.png` | Logos, Grafiken mit Transparenz |
-| `.svg` | Icons, Vektorgrafiken |
-| `.webp` | Optimierte Webbilder |
+| `logo/` | Hauptlogo, Logo für dunkle Hintergründe, Favicon |
+| `hero/` | Große Bilder für Startseite und Unterseiten |
+| `team/` | Fotos von Teammitgliedern |
+| `gallery/` | Projektbilder, Referenzen, Portfolio |
+| `icons/` | Service-Icons, Feature-Icons (SVG bevorzugt) |
+| `backgrounds/` | Muster, Texturen, Hintergrundbilder |

---
+## Empfehlungen

-## Hinweise für die KI
+- **Logos**: PNG mit transparentem Hintergrund, mindestens 500px breit
+- **Hero-Bilder**: JPG, mindestens 1920x1080px 
+- **Team-Fotos**: Quadratisch, mindestens 400x400px
+- **Icons**: SVG bevorzugt, alternativ PNG mit transparentem Hintergrund

-Die KI erkennt anhand der Ordnerstruktur automatisch:
+## Verwendung

- `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
+Die KI verwendet diese Bilder automatisch bei der Website-Generierung.