diff --git a/src/pages/index.mdx b/src/pages/index.mdx
index 1060c22..04b9e79 100644
--- a/src/pages/index.mdx
+++ b/src/pages/index.mdx
@@ -43,7 +43,7 @@ import { Button } from '@acid-info/lsd-react'
       </HeroAction>
     </HeroActions>
   </HeroInfo>
-  <HeroImage src="/hero/hero-image.png" alt="alt" />
+  <HeroImage src="/hero/hero-image.webp" alt="alt" />
 </Hero>
 
 <Box>
diff --git a/static/hero/hero-image.png b/static/hero/hero-image.png
deleted file mode 100644
index 6c05db2..0000000
Binary files a/static/hero/hero-image.png and /dev/null differ
diff --git a/static/hero/hero-image.webp b/static/hero/hero-image.webp
new file mode 100644
index 0000000..cfc52fc
Binary files /dev/null and b/static/hero/hero-image.webp differ