Image stuff

sites/svelte.dev/src/routes/_components/Hero.svelte

@@ -1,6 +1,6 @@
 <script>
 	import Image from './Image.svelte';
-	import Machine from './svelte-machine.png?w=640;1280;2560;3840&format=avif;webp;png&as=picture';
+	import Machine from './svelte-machine.png?w=640;1280;2560;3840&q=95;format=avif;webp;png&as=picture';
 	import SvelteLogotype from './svelte-logotype.svg';
 </script>
 

sites/svelte.dev/src/routes/_components/Image.svelte

@@ -10,7 +10,7 @@
 	{#each Object.entries(src?.sources ?? {}) as [format, images]}
 		<source srcset={images?.map((i) => `${i?.src} ${i?.w}w`).join(', ')} type="image/{format}" />
 	{/each}
-	<img src={src?.fallback?.src} {alt} />
+	<img src={src?.img?.src} {alt} />
 </picture>
 
 <style>