YoungVision-eV / homepage-sveltekit

https://www.youngvision.org/
GNU General Public License v3.0
3 stars 0 forks source link

Optimize images for different screen sizes #144

Open MrGreenTea opened 9 months ago

MrGreenTea commented 9 months ago

Right now we just optimize the image file format with enhanced-img.

We should go through all image usages and generate different sizes for how they are displayed.

Background images are often the full screen-width so should probably be optimized for each screen-size we support.

Other's can probably be reduced to even lower resolution to make them load much faster.

MrGreenTea commented 9 months ago

This is very important to do soon as we almost hit our vercel bandwidth limit already because these images are so huge.

MrGreenTea commented 9 months ago

Can we somehow do this in advance? <enhanced:img ... /> takes a long time right now