Convert postcard image to webp

RockSolt · Nov 1, 2024 · 0a8156d · 0a8156d
1 parent 400700c
commit 0a8156d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/frontend/styles/index.scss b/frontend/styles/index.scss
@@ -8,7 +8,13 @@ $orange: #ee9a00;
 @use "syntax-highlighting";
 
 body.postcard {
-  background-image: url("/images/bay-bridge-from-bart-postcard.jpg");
+  background-image: -webkit-image-set(
+    url("/images/bay-bridge-from-bart-postcard.webp"),
+    url("/images/bay-bridge-from-bart-postcard.jpg"));
+  background-image: image-set(
+    url("/images/bay-bridge-from-bart-postcard.webp") type("image/webp"),
+    url("/images/bay-bridge-from-bart-postcard.jpg") type("image/jpeg"));
+
   background-repeat: no-repeat;
   background-position: top -30px center; // show a bit more of the tops of the buildings
 }

diff --git a/src/images/bay-bridge-from-bart-postcard.webp b/src/images/bay-bridge-from-bart-postcard.webp