diff --git a/apps/spa/src/assets/login-bg.jpg b/apps/spa/src/assets/login-bg.jpg
deleted file mode 100644
index 6b51876c..00000000
Binary files a/apps/spa/src/assets/login-bg.jpg and /dev/null differ
diff --git a/apps/spa/src/assets/login-bg.webp b/apps/spa/src/assets/login-bg.webp
new file mode 100644
index 00000000..8811059a
Binary files /dev/null and b/apps/spa/src/assets/login-bg.webp differ
diff --git a/libs/spa/auth/src/lib/components/auth.component.ts b/libs/spa/auth/src/lib/components/auth.component.ts
index 8d55119a..70809b36 100644
--- a/libs/spa/auth/src/lib/components/auth.component.ts
+++ b/libs/spa/auth/src/lib/components/auth.component.ts
@@ -38,7 +38,7 @@ import { AUTH_SERVICE, AuthService } from '../services/auth-service';
 					<img
 						class="cover-image"
 						alt="Kordis"
-						ngSrc="/assets/login-bg.jpg"
+						ngSrc="/assets/login-bg.webp"
 						fill
 						priority
 					/>