diff --git a/src/app/login/login.component.scss b/src/app/login/login.component.scss
index 58e892abe..eebcedda5 100644
--- a/src/app/login/login.component.scss
+++ b/src/app/login/login.component.scss
@@ -1,5 +1,5 @@
 .cover {
-  background: url("../../assets/images/cover_image.jpg") no-repeat center center;
+  background: url("../../assets/images/cover_image_resized.webp") no-repeat center center;
   background-size: cover;
   position: relative;
   z-index: 0;
diff --git a/src/assets/images/cover_image_resized.webp b/src/assets/images/cover_image_resized.webp
new file mode 100644
index 000000000..2536d22ed
Binary files /dev/null and b/src/assets/images/cover_image_resized.webp differ