diff --git a/apps/website/src/app/build/page.tsx b/apps/website/src/app/build/page.tsx
index f9090f7ab..58dbae51b 100644
--- a/apps/website/src/app/build/page.tsx
+++ b/apps/website/src/app/build/page.tsx
@@ -130,7 +130,7 @@ export default function Build() {
                     </VStack>
                 </Flex>
                 <Image
-                    src="https://semaphore.cedoor.dev/flower-shadow.png"
+                    src="https://semaphore.cedoor.dev/flower-shadow.jpg"
                     width={727}
                     height={630}
                     style={{ maxHeight: "630px" }}
diff --git a/apps/website/src/app/learn/page.tsx b/apps/website/src/app/learn/page.tsx
index 303e7e891..e341d126c 100644
--- a/apps/website/src/app/learn/page.tsx
+++ b/apps/website/src/app/learn/page.tsx
@@ -243,7 +243,7 @@ await verifyProof(verificationKey, fullProof)`,
                 <Box zIndex="-1" left="50%" transform="translateX(-50%)" w="100vw" h="100%" pos="absolute">
                     <Image
                         alt="Guy shadow image"
-                        src="https://semaphore.cedoor.dev/guy-shadow-horizontal.png"
+                        src="https://semaphore.cedoor.dev/guy-shadow-horizontal.jpg"
                         quality="100"
                         sizes="100vw"
                         fill
diff --git a/apps/website/src/app/page.tsx b/apps/website/src/app/page.tsx
index b72d8c878..8b3c5b3c1 100644
--- a/apps/website/src/app/page.tsx
+++ b/apps/website/src/app/page.tsx
@@ -18,7 +18,7 @@ export default function Home() {
                 <Box zIndex="-1" left="50%" transform="translateX(-50%)" w="100vw" h="100%" pos="absolute">
                     <Image
                         alt="Midnight whispers image"
-                        src="https://semaphore.cedoor.dev/midnight-whispers.png"
+                        src="https://semaphore.cedoor.dev/midnight-whispers.jpg"
                         quality="100"
                         sizes="100vw"
                         fill
@@ -184,7 +184,7 @@ export default function Home() {
                 <Box zIndex="-1" left="50%" transform="translateX(-50%)" w="100vw" h="100%" pos="absolute">
                     <Image
                         alt="Fluttering shadow image"
-                        src="https://semaphore.cedoor.dev/shadow-flutter.png"
+                        src="https://semaphore.cedoor.dev/shadow-flutter.jpg"
                         quality="100"
                         sizes="100vw"
                         fill
diff --git a/apps/website/src/app/projects/page.tsx b/apps/website/src/app/projects/page.tsx
index 7de267c1d..dfc0e2f1b 100644
--- a/apps/website/src/app/projects/page.tsx
+++ b/apps/website/src/app/projects/page.tsx
@@ -17,7 +17,7 @@ export default function Projects() {
                 <Box zIndex="-1" left="50%" transform="translateX(-50%)" w="100vw" h="100%" pos="absolute">
                     <Image
                         alt="Blue texture image"
-                        src="https://semaphore.cedoor.dev/blue-texture.png"
+                        src="https://semaphore.cedoor.dev/blue-texture.jpg"
                         quality="100"
                         sizes="100vw"
                         fill