46 lines
863 B
Markdown
46 lines
863 B
Markdown
# Assets
|
|
|
|
Dieses Verzeichnis enthält statische Medien.
|
|
|
|
## Struktur
|
|
|
|
```
|
|
assets/
|
|
├── images/ # Bilder (JPG, PNG, WebP, AVIF, SVG)
|
|
├── videos/ # Videos (MP4, WebM)
|
|
├── fonts/ # Schriftarten (WOFF2)
|
|
├── icons/ # Icons (SVG)
|
|
└── README.md
|
|
```
|
|
|
|
## Bildoptimierung
|
|
|
|
- **Format**: WebP oder AVIF bevorzugen
|
|
- **Größe**: Maximal 200kb pro Bild
|
|
- **Responsive**: Mehrere Größen bereitstellen
|
|
- **Alt-Texte**: Immer beschreibende Alt-Texte verwenden
|
|
|
|
## Namenskonvention
|
|
|
|
```
|
|
[beschreibung]-[größe].[format]
|
|
|
|
Beispiele:
|
|
hero-image-1920.webp
|
|
hero-image-960.webp
|
|
logo.svg
|
|
team-member-portrait.jpg
|
|
```
|
|
|
|
## Fonts
|
|
|
|
- Nur WOFF2 verwenden
|
|
- Subset auf benötigte Zeichen
|
|
- In globals.css mit @font-face einbinden
|
|
|
|
## Hinweise
|
|
|
|
- Keine unnötigen Assets hochladen
|
|
- Vor Commit optimieren
|
|
- Copyright beachten
|