diff --git a/public/bliss/bliss.jpg b/public/bliss/bliss.jpg
new file mode 100644
index 0000000..11618b7
Binary files /dev/null and b/public/bliss/bliss.jpg differ
diff --git a/public/bliss/bliss.png b/public/bliss/bliss.png
deleted file mode 100644
index 3947d76..0000000
Binary files a/public/bliss/bliss.png and /dev/null differ
diff --git a/public/home/background.jpg b/public/home/background.jpg
new file mode 100644
index 0000000..9461e36
Binary files /dev/null and b/public/home/background.jpg differ
diff --git a/public/home/background.png b/public/home/background.png
deleted file mode 100644
index a5ed4cc..0000000
Binary files a/public/home/background.png and /dev/null differ
diff --git a/public/home/blockmatic_screenshot_dark.jpg b/public/home/blockmatic_screenshot_dark.jpg
new file mode 100644
index 0000000..f495b9d
Binary files /dev/null and b/public/home/blockmatic_screenshot_dark.jpg differ
diff --git a/public/home/blockmatic_screenshot_dark.png b/public/home/blockmatic_screenshot_dark.png
deleted file mode 100644
index 1951013..0000000
Binary files a/public/home/blockmatic_screenshot_dark.png and /dev/null differ
diff --git a/public/home/blockmatic_screenshot_light.jpg b/public/home/blockmatic_screenshot_light.jpg
new file mode 100644
index 0000000..73b89e8
Binary files /dev/null and b/public/home/blockmatic_screenshot_light.jpg differ
diff --git a/public/home/blockmatic_screenshot_light.png b/public/home/blockmatic_screenshot_light.png
deleted file mode 100644
index bf7bf96..0000000
Binary files a/public/home/blockmatic_screenshot_light.png and /dev/null differ
diff --git a/public/home/miku.jpg b/public/home/miku.jpg
new file mode 100644
index 0000000..27dc33e
Binary files /dev/null and b/public/home/miku.jpg differ
diff --git a/public/home/miku.png b/public/home/miku.png
deleted file mode 100644
index 749896c..0000000
Binary files a/public/home/miku.png and /dev/null differ
diff --git a/public/home/nyan_cat.jpg b/public/home/nyan_cat.jpg
new file mode 100644
index 0000000..afbd549
Binary files /dev/null and b/public/home/nyan_cat.jpg differ
diff --git a/public/home/nyan_cat.png b/public/home/nyan_cat.png
deleted file mode 100644
index 3d287a2..0000000
Binary files a/public/home/nyan_cat.png and /dev/null differ
diff --git a/public/home/nyancat.png b/public/home/nyancat.png
deleted file mode 100644
index 9ca7dac..0000000
Binary files a/public/home/nyancat.png and /dev/null differ
diff --git a/public/home/pikachu.jpg b/public/home/pikachu.jpg
new file mode 100644
index 0000000..e8606ba
Binary files /dev/null and b/public/home/pikachu.jpg differ
diff --git a/public/home/pikachu.png b/public/home/pikachu.png
deleted file mode 100644
index abd1914..0000000
Binary files a/public/home/pikachu.png and /dev/null differ
diff --git a/public/home/portal.jpg b/public/home/portal.jpg
new file mode 100644
index 0000000..adc1ac6
Binary files /dev/null and b/public/home/portal.jpg differ
diff --git a/public/home/portal.png b/public/home/portal.png
deleted file mode 100644
index 93a316d..0000000
Binary files a/public/home/portal.png and /dev/null differ
diff --git a/public/home/windows.jpg b/public/home/windows.jpg
new file mode 100644
index 0000000..3cedfa3
Binary files /dev/null and b/public/home/windows.jpg differ
diff --git a/public/home/windows.png b/public/home/windows.png
deleted file mode 100644
index 8ced1f6..0000000
Binary files a/public/home/windows.png and /dev/null differ
diff --git a/src/components/home/ImageComparison.tsx b/src/components/home/ImageComparison.tsx
index b3d514a..e94d03e 100644
--- a/src/components/home/ImageComparison.tsx
+++ b/src/components/home/ImageComparison.tsx
@@ -26,7 +26,7 @@ function ImageComparison() {
 			/>
 
 			<img
-				src="/bliss/bliss.png"
+				src="/bliss/bliss.jpg"
 				alt="blockmatic version of bliss"
 				draggable={false}
 				className="absolute w-full -z-20 rounded-xl"
diff --git a/src/pages/IndexPage.tsx b/src/pages/IndexPage.tsx
index 2711d8b..57e8608 100644
--- a/src/pages/IndexPage.tsx
+++ b/src/pages/IndexPage.tsx
@@ -40,7 +40,7 @@ function IndexPage() {
 			</header>
 
 			<img
-				src="/home/background.png"
+				src="/home/background.jpg"
 				alt="background"
 				className="absolute w-full object-cover -z-20"
 				style={{ maskImage: "linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, rgba(255,255,255,0) 100%)" }}
@@ -65,7 +65,7 @@ function IndexPage() {
 
 			<section className="max-w-full mx-8 mt-16">
 				<img
-					src={isDark ? "/home/blockmatic_screenshot_dark.png" : "/home/blockmatic_screenshot_light.png"}
+					src={isDark ? "/home/blockmatic_screenshot_dark.jpg" : "/home/blockmatic_screenshot_light.jpg"}
 					alt="app preview"
 					className="max-w-260 w-full rounded-xl border border-zinc-700"
 				/>
@@ -112,19 +112,19 @@ function IndexPage() {
 				<Carousel className="w-full">
 					<CarouselContent>
 						<CarouselItem>
-							<img src="/home/miku.png" className="rounded-xl border border-zinc-300 dark:border-zinc-800"></img>
+							<img src="/home/miku.jpg" className="rounded-xl border border-zinc-300 dark:border-zinc-800"></img>
 						</CarouselItem>
 						<CarouselItem>
-							<img src="/home/nyan_cat.png" className="rounded-xl border border-zinc-300 dark:border-zinc-800"></img>
+							<img src="/home/nyan_cat.jpg" className="rounded-xl border border-zinc-300 dark:border-zinc-800"></img>
 						</CarouselItem>
 						<CarouselItem>
-							<img src="/home/pikachu.png" className="rounded-xl border border-zinc-300 dark:border-zinc-800"></img>
+							<img src="/home/pikachu.jpg" className="rounded-xl border border-zinc-300 dark:border-zinc-800"></img>
 						</CarouselItem>
 						<CarouselItem>
-							<img src="/home/portal.png" className="rounded-xl border border-zinc-300 dark:border-zinc-800"></img>
+							<img src="/home/portal.jpg" className="rounded-xl border border-zinc-300 dark:border-zinc-800"></img>
 						</CarouselItem>
 						<CarouselItem>
-							<img src="/home/windows.png" className="rounded-xl border border-zinc-300 dark:border-zinc-800"></img>
+							<img src="/home/windows.jpg" className="rounded-xl border border-zinc-300 dark:border-zinc-800"></img>
 						</CarouselItem>
 					</CarouselContent>
 					<CarouselPrevious />