diff --git a/src/routes/(components)/page/CarouselComponent.svelte b/src/routes/(components)/page/CarouselComponent.svelte
index d4484905..da92d901 100644
--- a/src/routes/(components)/page/CarouselComponent.svelte
+++ b/src/routes/(components)/page/CarouselComponent.svelte
@@ -6,20 +6,30 @@
 <Carousel.Root class="mx-auto my-4 w-3/4">
 	<Carousel.Content class="items-center">
 		<Carousel.Item>
-			<img class="border" src="/screenshots/{$mode}/SplitDayChart.png" alt="SplitDayChart" />
+			<img
+				class="border"
+				src="/screenshots/{$mode}/SplitDayChart.webp"
+				alt="SplitDayChart"
+				width={240}
+				height={236.5}
+			/>
 		</Carousel.Item>
 		<Carousel.Item>
 			<img
 				class="border"
-				src="/screenshots/{$mode}/MicrocycleVolumeDistributionChart.png"
+				src="/screenshots/{$mode}/MicrocycleVolumeDistributionChart.webp"
 				alt="MicrocycleVolumeDistributionChart"
+				width={240}
+				height={185.5}
 			/>
 		</Carousel.Item>
 		<Carousel.Item>
 			<img
 				class="border"
-				src="/screenshots/{$mode}/MuscleGroupVolumeDistributionChart.png"
+				src="/screenshots/{$mode}/MuscleGroupVolumeDistributionChart.webp"
 				alt="MuscleGroupVolumeDistributionChart"
+				width={240}
+				height={234}
 			/>
 		</Carousel.Item>
 	</Carousel.Content>
diff --git a/static/screenshots/dark/MicrocycleVolumeDistributionChart.png b/static/screenshots/dark/MicrocycleVolumeDistributionChart.png
deleted file mode 100644
index 055a39a8..00000000
Binary files a/static/screenshots/dark/MicrocycleVolumeDistributionChart.png and /dev/null differ
diff --git a/static/screenshots/dark/MicrocycleVolumeDistributionChart.webp b/static/screenshots/dark/MicrocycleVolumeDistributionChart.webp
new file mode 100644
index 00000000..3cdae4c9
Binary files /dev/null and b/static/screenshots/dark/MicrocycleVolumeDistributionChart.webp differ
diff --git a/static/screenshots/dark/MuscleGroupVolumeDistributionChart.png b/static/screenshots/dark/MuscleGroupVolumeDistributionChart.png
deleted file mode 100644
index 202d89ee..00000000
Binary files a/static/screenshots/dark/MuscleGroupVolumeDistributionChart.png and /dev/null differ
diff --git a/static/screenshots/dark/MuscleGroupVolumeDistributionChart.webp b/static/screenshots/dark/MuscleGroupVolumeDistributionChart.webp
new file mode 100644
index 00000000..11117977
Binary files /dev/null and b/static/screenshots/dark/MuscleGroupVolumeDistributionChart.webp differ
diff --git a/static/screenshots/dark/SplitDayChart.png b/static/screenshots/dark/SplitDayChart.png
deleted file mode 100644
index f89ce4cf..00000000
Binary files a/static/screenshots/dark/SplitDayChart.png and /dev/null differ
diff --git a/static/screenshots/dark/SplitDayChart.webp b/static/screenshots/dark/SplitDayChart.webp
new file mode 100644
index 00000000..9faaec67
Binary files /dev/null and b/static/screenshots/dark/SplitDayChart.webp differ
diff --git a/static/screenshots/light/MicrocycleVolumeDistributionChart.png b/static/screenshots/light/MicrocycleVolumeDistributionChart.png
deleted file mode 100644
index 12a8c23e..00000000
Binary files a/static/screenshots/light/MicrocycleVolumeDistributionChart.png and /dev/null differ
diff --git a/static/screenshots/light/MicrocycleVolumeDistributionChart.webp b/static/screenshots/light/MicrocycleVolumeDistributionChart.webp
new file mode 100644
index 00000000..13827d68
Binary files /dev/null and b/static/screenshots/light/MicrocycleVolumeDistributionChart.webp differ
diff --git a/static/screenshots/light/MuscleGroupVolumeDistributionChart.png b/static/screenshots/light/MuscleGroupVolumeDistributionChart.png
deleted file mode 100644
index 2d238959..00000000
Binary files a/static/screenshots/light/MuscleGroupVolumeDistributionChart.png and /dev/null differ
diff --git a/static/screenshots/light/MuscleGroupVolumeDistributionChart.webp b/static/screenshots/light/MuscleGroupVolumeDistributionChart.webp
new file mode 100644
index 00000000..22b610b9
Binary files /dev/null and b/static/screenshots/light/MuscleGroupVolumeDistributionChart.webp differ
diff --git a/static/screenshots/light/SplitDayChart.png b/static/screenshots/light/SplitDayChart.png
deleted file mode 100644
index 4c801475..00000000
Binary files a/static/screenshots/light/SplitDayChart.png and /dev/null differ
diff --git a/static/screenshots/light/SplitDayChart.webp b/static/screenshots/light/SplitDayChart.webp
new file mode 100644
index 00000000..29332358
Binary files /dev/null and b/static/screenshots/light/SplitDayChart.webp differ