feat(SanityImage): blurDataURL

varianter · Oct 17, 2024 · 73e9d4f · 73e9d4f
1 parent b907256
commit 73e9d4f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/components/image/SanityImage.tsx b/src/components/image/SanityImage.tsx
@@ -55,6 +55,7 @@ const SanityAssetImage = ({
       {...imageProps}
       width={imageProps.width}
       height={imageProps.height}
+      blurDataURL={image.metadata?.lqip}
       style={{
         objectFit: "cover",
         objectPosition,

diff --git a/studio/lib/interfaces/media.ts b/studio/lib/interfaces/media.ts
@@ -24,6 +24,9 @@ export interface IImage {
   alt?: string;
   crop?: ICrop;
   hotspot?: IHotspot;
+  metadata?: {
+    lqip: string;
+  };
 }
 
 export interface ImageExtendedProps extends IImage {