diff --git a/client/web/assets/images/bg.jpg b/client/web/assets/images/bg.jpg
deleted file mode 100644
index 12b80c49..00000000
Binary files a/client/web/assets/images/bg.jpg and /dev/null differ
diff --git a/client/web/assets/images/bg.webp b/client/web/assets/images/bg.webp
new file mode 100644
index 00000000..ca1fbe57
Binary files /dev/null and b/client/web/assets/images/bg.webp differ
diff --git a/client/web/src/styles/global.less b/client/web/src/styles/global.less
index 09229c67..83f6f185 100644
--- a/client/web/src/styles/global.less
+++ b/client/web/src/styles/global.less
@@ -1,7 +1,7 @@
 #tailchat-app {
   @apply text-typography-light bg-content-light;
 
-  --tc-background-image: url(../../assets/images/bg.jpg);
+  --tc-background-image: url(../../assets/images/bg.webp);
   --tc-content-background-image: '';
   --tc-content-background-image-opacity: 0.2;
   --tc-content-background-color: rgba(243, 244, 246, 1); // copy from bg-content-light