- Introduced a new script `prepare-hero-variants.mjs` to generate responsive hero image variants in WebP format. - Added a fallback image `hero_fallback.png` for each variant. - Created an API endpoint `hero-images.get.js` to retrieve available hero image variants and their fallback images. - Implemented directory and file checks to ensure the existence of required images before serving.
579 B
579 B
Hero-Originalbilder
Das Tool npm run hero:prepare unterstuetzt zwei Eingabeformate:
- Unterordner pro Variante (empfohlen)
assets/images/hero-originals/<variante>/hero.png
- Flache Ablage von PNGs
public/images/hero-originals/hero1.pngpublic/images/hero-originals/hero2.png
Ausgabe je Variante in:
public/images/hero/<variante>/hero_960.webppublic/images/hero/<variante>/hero_1600.webppublic/images/hero/<variante>/hero_fallback.png
Die Startseite (components/Hero.vue) waehlt danach automatisch zufaellig eine vorhandene Variante aus.