rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Perf: Fotos JPG→WebP, 18 MB → 373 KB (SW by-v959)

Browse source 
cwebp: eric-ward 1200px, chewy 1400px, baptist-standaert 1600px,
foto-strip 700x700px — alle q80-82
This commit is contained in:
rene 2026-05-14 19:42:41 +02:00
parent 2a59b775e2
commit 59ddf047ba
18 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

14
backend/static/landing.html
View file

@ -831,7 +831,7 @@
<!-- Emotionaler Split: Eric Ward -->
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));min-height:420px;overflow:hidden">
<div style="position:relative;min-height:300px">
<img src="/img/landing/eric-ward.jpg" alt="Hundebesitzer umarmt seinen Golden Retriever"
<img src="/img/landing/eric-ward.webp" alt="Hundebesitzer umarmt seinen Golden Retriever"
loading="lazy"
style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block">
<span class="photo-credit">© Eric Ward · Unsplash</span>
@ -853,7 +853,7 @@
<!-- Demo-Video -->
<section id="demo" style="position:relative;background:#1a1a1a;padding:64px 20px;text-align:center;overflow:hidden">
<img src="/img/landing/baptist-standaert.jpg" alt=""
<img src="/img/landing/baptist-standaert.webp" alt=""
loading="lazy" aria-hidden="true"
style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:0.15;filter:grayscale(50%)">
<span class="photo-credit" style="position:absolute;top:7px;right:9px">© Baptist Standaert · Unsplash</span>
@ -1023,19 +1023,19 @@
<section style="padding:0;overflow:hidden">
<div class="photo-strip">
<div class="photo-strip-item">
<img src="/img/landing/alvan-nee.jpg" alt="Zwei Hunde laufen einen Waldweg entlang" loading="lazy">
<img src="/img/landing/alvan-nee.webp" alt="Zwei Hunde laufen einen Waldweg entlang" loading="lazy">
<span class="photo-credit">© Alvan Nee · Unsplash</span>
</div>
<div class="photo-strip-item">
<img src="/img/landing/nicholas-brownlow.jpg" alt="Frau gibt ihrem Golden Retriever einen Kuss" loading="lazy">
<img src="/img/landing/nicholas-brownlow.webp" alt="Frau gibt ihrem Golden Retriever einen Kuss" loading="lazy">
<span class="photo-credit">© Nicholas Brownlow · Unsplash</span>
</div>
<div class="photo-strip-item">
<img src="/img/landing/wade-austin-ellis.jpg" alt="Frau mit Labrador auf der Wiese" loading="lazy">
<img src="/img/landing/wade-austin-ellis.webp" alt="Frau mit Labrador auf der Wiese" loading="lazy">
<span class="photo-credit">© Wade Austin Ellis · Unsplash</span>
</div>
<div class="photo-strip-item">
<img src="/img/landing/tamas-pap.jpg" alt="Frau lacht während ihr Hund sie abschleckt" loading="lazy">
<img src="/img/landing/tamas-pap.webp" alt="Frau lacht während ihr Hund sie abschleckt" loading="lazy">
<span class="photo-credit">© Tamas Pap · Unsplash</span>
</div>
</div>
@ -1158,7 +1158,7 @@
<!-- Sektion C: Für Welpenkäufer -->
<section id="welpen" style="background: white;">
<div style="position:relative;height:280px;overflow:hidden">
<img src="/img/landing/chewy.jpg" alt="Pärchen mit Hund aus dem Tierheim" loading="lazy"
<img src="/img/landing/chewy.webp" alt="Pärchen mit Hund aus dem Tierheim" loading="lazy"
style="width:100%;height:100%;object-fit:cover;object-position:center 40%">
<div style="position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.55))"></div>
<span class="photo-credit">© Chewy · Unsplash</span>