feat: add hero image processing and API for serving variants

Browse Source

- 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.

...

This commit is contained in:

Torsten Schulz (local)

2026-05-31 14:07:14 +02:00

parent 7c93966878

commit 6983186caf

45 changed files with 422 additions and 28 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

public/images/club_about_us_2.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.0 MiB

BIN

public/images/hero-originals/hero1.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.0 MiB

BIN

public/images/hero-originals/hero2.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.0 MiB

BIN

public/images/hero-originals/hero3.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 1.9 MiB

BIN

public/images/hero-originals/hero4.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.0 MiB

BIN

public/images/hero-originals/hero5.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.1 MiB

BIN

public/images/hero-originals/hero6.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.2 MiB

BIN

public/images/hero-originals/hero7.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.0 MiB

BIN

public/images/hero-originals/hero8.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.0 MiB

BIN

public/images/hero/hero1/hero_1600.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 33 KiB

BIN

public/images/hero/hero1/hero_960.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 16 KiB

BIN

public/images/hero/hero1/hero_fallback.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.0 MiB

BIN

public/images/hero/hero2/hero_1600.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 42 KiB

BIN

public/images/hero/hero2/hero_960.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 16 KiB

BIN

public/images/hero/hero2/hero_fallback.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.0 MiB

BIN

public/images/hero/hero3/hero_1600.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 28 KiB

BIN

public/images/hero/hero3/hero_960.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 13 KiB

BIN

public/images/hero/hero3/hero_fallback.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 1.9 MiB

BIN

public/images/hero/hero4/hero_1600.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 54 KiB

BIN

public/images/hero/hero4/hero_960.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 20 KiB

BIN

public/images/hero/hero4/hero_fallback.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.0 MiB

BIN

public/images/hero/hero5/hero_1600.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 62 KiB

BIN

public/images/hero/hero5/hero_960.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 21 KiB

BIN

public/images/hero/hero5/hero_fallback.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.1 MiB

BIN

public/images/hero/hero6/hero_1600.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 90 KiB

BIN

public/images/hero/hero6/hero_960.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 42 KiB

BIN

public/images/hero/hero6/hero_fallback.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.2 MiB

BIN

public/images/hero/hero7/hero_1600.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 34 KiB

BIN

public/images/hero/hero7/hero_960.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 15 KiB

BIN

public/images/hero/hero7/hero_fallback.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.0 MiB

BIN

public/images/hero/hero8/hero_1600.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 33 KiB

BIN

public/images/hero/hero8/hero_960.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 16 KiB

BIN

public/images/hero/hero8/hero_fallback.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.0 MiB