diff --git a/sites/svelte.dev/src/routes/_components/Hero.svelte b/sites/svelte.dev/src/routes/_components/Hero.svelte
index 06015144bf..872569b37c 100644
--- a/sites/svelte.dev/src/routes/_components/Hero.svelte
+++ b/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>
 
diff --git a/sites/svelte.dev/src/routes/_components/Image.svelte b/sites/svelte.dev/src/routes/_components/Image.svelte
index 78babedac7..5416bdab04 100644
--- a/sites/svelte.dev/src/routes/_components/Image.svelte
+++ b/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>
diff --git a/sites/svelte.dev/src/routes/_components/svelte-machine.png b/sites/svelte.dev/src/routes/_components/svelte-machine.png
index b8f40c1103..ddfa0af924 100644
Binary files a/sites/svelte.dev/src/routes/_components/svelte-machine.png and b/sites/svelte.dev/src/routes/_components/svelte-machine.png differ