Haal 8,4 MB dode en oversized beelden uit de build

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>

frontend/design-assets/README.md

@@ -0,0 +1,14 @@
+# 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)"

frontend/src/components/brand/ItWorxSignature.tsx

@@ -2,7 +2,7 @@ export function ItWorxSignature(): JSX.Element {
   return (
     <div className="itworx-signature" aria-label="Ontwikkeld door Jens van ITWorx.tech">
       <span>Ontwikkeld door Jens</span>
-      <img src="/itworx-wordmark.png" alt="ITWorx.tech" />
+      <img src="/itworx-wordmark.webp" alt="ITWorx.tech" />
     </div>
   )
 }