De inlogpagina haalde 1,46 MB over de lijn voordat iemand kon aanmelden. Daarvan waren 885 kB drie hero-afbeeldingen; achtergronden in CSS kennen geen loading="lazy", dus ook de twee onder de vouw laadden meteen. Daarnaast stond er 8,1 MB aan ongebruikte PNG-originelen in public/portfolio/. Alles in public/ wordt ongewijzigd naar dist/ gekopieerd, dus die gingen bij elke build mee terwijl geen regel code ernaar verwees. Ze staan nu in design-assets/, buiten wat de webserver uitserveert; de README daar legt uit hoe je een webversie opnieuw maakt. - de drie hero's opnieuw gecomprimeerd op hun werkelijke weergavegrootte - de Noordzee-textuur ligt onder een vrijwel dekkende gradiënt: 240 -> 35 kB - het ITWorx-woordmerk toonde op 118px maar was 512px breed: 40 -> 12 kB - geointel-icon.png en de dark-case-study-cover werden nergens genoemd Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
697 B
697 B
Bronbestanden voor beeld
Hier staan de originelen waaruit de webversies in public/ gemaakt zijn.
Ze stonden eerder in public/portfolio/. Alles in public/ wordt door Vite
ongewijzigd naar dist/ gekopieerd, dus die 8,1 MB aan PNG's werd bij elke
build meegedeployed terwijl geen enkele regel code ernaar verwijst — alleen de
webp-versies worden gebruikt.
Een master hoort bewaard te blijven, maar niet in de map die de webserver uitserveert. Wie een webversie opnieuw wil maken:
python -c "from PIL import Image; im=Image.open('design-assets/portfolio/x.png'); \
im.resize((1600, round(im.height*1600/im.width))).save('public/portfolio/x.webp','WEBP',quality=58,method=6)"