diff --git a/public/wallpaper.jpg b/public/wallpaper.jpg
deleted file mode 100644
index ded354a..0000000
Binary files a/public/wallpaper.jpg and /dev/null differ
diff --git a/public/wallpaper.webp b/public/wallpaper.webp
new file mode 100644
index 0000000..58c0ac4
Binary files /dev/null and b/public/wallpaper.webp differ
diff --git a/src/App.tsx b/src/App.tsx
index 80c2be8..cfeb68f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -28,7 +28,7 @@ const AppRoot = () => {
         className="pointer-events-none fixed inset-0 z-20 bg-black"
         style={{ opacity }}
       />
-      <main className="h-screen w-screen overflow-hidden bg-[url(/wallpaper.jpg)] bg-cover bg-center">
+      <main className="h-screen w-screen overflow-hidden bg-[url(/wallpaper.webp)] bg-cover bg-center">
         {state === "login" ? (
           <Sddm />
         ) : (