[Feature] Add webp loading option.

HamsterCoder · Jan 19, 2024 · 4d36911 · 4d36911
1 parent 86a31e9
commit 4d36911
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/src/components/Picture/Picture.tsx b/src/components/Picture/Picture.tsx
@@ -53,11 +53,14 @@ export const Picture: FunctionComponent<PictureProps> = ({
             data-selected={selected}
             onClick={onClick}
         >
-            <Image
-                src={`assets/${image}.jpg`}
-                alt={image}
-                title={dictionary[image]}
-            />
+            <picture>
+                <source srcSet={`assets/${image}.webp`} type="image/webp" />
+                <Image
+                    src={`assets/${image}.jpg`}
+                    alt={image}
+                    title={dictionary[image]}
+                />
+            </picture>
         </Container>
     );
 };