diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index 1b8f019..8ca50ef 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -30,6 +30,7 @@ const { title, description, cta, image, imageAlt, className } = Astro.props
         src={image}
         alt={imageAlt}
         class="h-full w-full object-cover object-top"
+        format="webp"
         loading="eager"
       />
     </div>