Optimize images

[MrGreenTea]

When building the page we should optimize images.

Here are some links:

• Image processing sveltejs/kit#241
• https://vercel.com/docs/image-optimization#source-images
• https://kit.svelte.dev/docs/assets

[MrGreenTea]

We should also add height and width to avoid CLS:
https://web.dev/articles/optimize-cls?utm_source=lighthouse&utm_medium=devtools&hl=de#images-without-dimensions

[MrGreenTea]

Svelte have recently released this package:

https://kit.svelte.dev/docs/images

https://www.npmjs.com/package/@sveltejs/enhanced-img

[MrGreenTea]

Should we start using a CMS or CDN we should take a look at https://unpic.pics/img/

[MrGreenTea]

I'm not sure how we can best optimize background images though. @sveltejs/enhanced-img only works for the img tag.

[MrGreenTea]

We can of course use an img tag instead of background-image and place it behind everythin but that feels wrong...

[MrGreenTea]

sveltejs/kit#8561