diff --git a/selfhost/Caddyfile b/selfhost/Caddyfile
index bad79a4e..95e993e2 100644
--- a/selfhost/Caddyfile
+++ b/selfhost/Caddyfile
@@ -7,6 +7,8 @@
 # Caddy automatically obtains and renews Let's Encrypt certificates.
 
 {$DOMAIN} {
+    # The web app is a single large HTML file, compressing it roughly halves the download.
+    encode zstd gzip
     reverse_proxy backend:1926
 }
 
diff --git a/web-app/src/assets/LoginScreen.png b/web-app/src/assets/LoginScreen.png
deleted file mode 100644
index 74589d5b..00000000
Binary files a/web-app/src/assets/LoginScreen.png and /dev/null differ
diff --git a/web-app/src/assets/LoginScreen.webp b/web-app/src/assets/LoginScreen.webp
new file mode 100644
index 00000000..27286aa2
Binary files /dev/null and b/web-app/src/assets/LoginScreen.webp differ
diff --git a/web-app/src/assets/PairingBuddy.png b/web-app/src/assets/PairingBuddy.png
deleted file mode 100644
index d86d90ae..00000000
Binary files a/web-app/src/assets/PairingBuddy.png and /dev/null differ
diff --git a/web-app/src/assets/PairingBuddy.webp b/web-app/src/assets/PairingBuddy.webp
new file mode 100644
index 00000000..42f52219
Binary files /dev/null and b/web-app/src/assets/PairingBuddy.webp differ
diff --git a/web-app/src/pages/Dashboard.tsx b/web-app/src/pages/Dashboard.tsx
index 4147e2e0..df84808c 100644
--- a/web-app/src/pages/Dashboard.tsx
+++ b/web-app/src/pages/Dashboard.tsx
@@ -17,7 +17,7 @@ import { AuthenticationDialog } from "@/components/AuthenticationDialog";
 import { SubscriptionSuccessModal } from "@/components/SubscriptionSuccessModal";
 import { usePostHog } from "posthog-js/react";
 import { WindowsDownloadModal } from "@/components/WindowsDownloadModal";
-import PairingBuddy from "@/assets/PairingBuddy.png";
+import PairingBuddy from "@/assets/PairingBuddy.webp";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip.tsx";
 import { HiOutlineQuestionMarkCircle } from "react-icons/hi2";
 
diff --git a/web-app/src/pages/Login.tsx b/web-app/src/pages/Login.tsx
index ef5ca186..31e12d4c 100644
--- a/web-app/src/pages/Login.tsx
+++ b/web-app/src/pages/Login.tsx
@@ -6,7 +6,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/com
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import Logo from "@/assets/Hopp.png";
-import LoginScreen from "@/assets/LoginScreen.png";
+import LoginScreen from "@/assets/LoginScreen.webp";
 
 import { BACKEND_URLS } from "@/constants";
 import { useEffect, useRef, useState } from "react";