fix image sizing via transformation

kontent-ai · Dec 11, 2024 · a1bea79 · a1bea79
1 parent 33b1067
commit a1bea79
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/FeaturedComponentBase.tsx b/src/components/FeaturedComponentBase.tsx
@@ -31,7 +31,7 @@ const FeaturedComponentBase: FC<FeaturedContentProps> = ({ type, image, children
               <img
                 width={640}
                 height={420}
-                src={image.value[0]?.url ? `${image.value[0]?.url}?auto=format` : ""}
+                src={image.value[0]?.url ? `${image.value[0]?.url}?auto=format&w=800` : ""}
                 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
@@ -51,7 +51,7 @@ const HeroImage: FC<HeroImageProps> = ({ data }) => {
                 className=" object-cover mx-auto"
                 width={670}
                 height={440}
-                src={`${data.heroImage.value[0].url}?auto=format`}
+                src={`${data.heroImage.value[0].url}?auto=format&w=800`}
                 alt={data.heroImage.value[0].description ?? "image-alt"}
               >
               </img>