change images to use webp format

kontent-ai · Nov 22, 2024 · c268b9e · c268b9e
1 parent 4f7c227
commit c268b9e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/FeaturedComponentBase.tsx b/src/components/FeaturedComponentBase.tsx
@@ -23,7 +23,7 @@ const FeaturedComponentBase: FC<FeaturedContentProps> = ({ type, image, children
               <img
                 width={640}
                 height={420}
-                src={image.value[0]?.url ?? ""}
+                src={image.value[0]?.url ? `${image.value[0]?.url}?auto=format` : ""}
                 alt={image.value[0].description ?? "image alt"}
                 className="object-cover rounded-lg static"
               />

diff --git a/src/components/HeroImage.tsx b/src/components/HeroImage.tsx
@@ -24,14 +24,14 @@ const HeroImage: FC<HeroImageProps> = ({ data }) => {
         </RenderElement>
       </div>
       <div className="xl:basis-1/2">
-        <RenderElement element={data.heroImage} elementCodename="hero_image" requiredElementType="text">
+        <RenderElement element={data.heroImage} elementCodename="hero_image" requiredElementType="asset">
           {data.heroImage?.value[0]
             ? (
               <img
                 className=" object-cover mx-auto"
                 width={670}
                 height={440}
-                src={data.heroImage.value[0].url}
+                src={`${data.heroImage.value[0].url}?auto=format`}
                 alt={data.heroImage.value[0].description ?? "image-alt"}
               >
               </img>