Astro Image Optimisation

Astro Image Srcset

Experimental responsive images https://github.com/withastro/roadmap/blob/responsive-images/proposals/0053-responsive-images.md

Image Placeholders

https://careers.wolt.com/en/blog/tech/how-we-came-to-create-a-new-image-placeholder-algorithm-blurhash

Blur an svg with css

https://careers.wolt.com/en/blog/tech/how-we-came-to-create-a-new-image-placeholder-algorithm-blurhash

Proposal

• Send images at the correct resolution for screen
• Show blurred image in markup before request completes

Rollout

• Start with just banner images
• Then move onto smaller Astro image
• Then consider vue components containing images + pagefind results with images