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