diff --git a/app/assets/images/Backgrounds/8.jpg b/app/assets/images/Backgrounds/8.jpg
deleted file mode 100755
index cfdf75a..0000000
Binary files a/app/assets/images/Backgrounds/8.jpg and /dev/null differ
diff --git a/app/assets/images/backgrounds/0.jpg b/app/assets/images/backgrounds/0.jpg
deleted file mode 100755
index db5a360..0000000
Binary files a/app/assets/images/backgrounds/0.jpg and /dev/null differ
diff --git a/app/assets/images/backgrounds/0.webp b/app/assets/images/backgrounds/0.webp
new file mode 100644
index 0000000..0c1b428
Binary files /dev/null and b/app/assets/images/backgrounds/0.webp differ
diff --git a/app/assets/images/backgrounds/1.jpg b/app/assets/images/backgrounds/1.jpg
deleted file mode 100755
index d98cb20..0000000
Binary files a/app/assets/images/backgrounds/1.jpg and /dev/null differ
diff --git a/app/assets/images/backgrounds/1.webp b/app/assets/images/backgrounds/1.webp
new file mode 100644
index 0000000..5ce293c
Binary files /dev/null and b/app/assets/images/backgrounds/1.webp differ
diff --git a/app/assets/images/backgrounds/2.jpg b/app/assets/images/backgrounds/2.jpg
deleted file mode 100755
index f8591da..0000000
Binary files a/app/assets/images/backgrounds/2.jpg and /dev/null differ
diff --git a/app/assets/images/backgrounds/2.webp b/app/assets/images/backgrounds/2.webp
new file mode 100644
index 0000000..49d85fc
Binary files /dev/null and b/app/assets/images/backgrounds/2.webp differ
diff --git a/app/assets/images/backgrounds/3.jpg b/app/assets/images/backgrounds/3.jpg
deleted file mode 100755
index 733aee9..0000000
Binary files a/app/assets/images/backgrounds/3.jpg and /dev/null differ
diff --git a/app/assets/images/backgrounds/3.webp b/app/assets/images/backgrounds/3.webp
new file mode 100644
index 0000000..44a4182
Binary files /dev/null and b/app/assets/images/backgrounds/3.webp differ
diff --git a/app/assets/images/backgrounds/4.jpg b/app/assets/images/backgrounds/4.jpg
deleted file mode 100755
index 7842bc1..0000000
Binary files a/app/assets/images/backgrounds/4.jpg and /dev/null differ
diff --git a/app/assets/images/backgrounds/4.webp b/app/assets/images/backgrounds/4.webp
new file mode 100644
index 0000000..55a2b6f
Binary files /dev/null and b/app/assets/images/backgrounds/4.webp differ
diff --git a/app/assets/images/backgrounds/5.jpg b/app/assets/images/backgrounds/5.jpg
deleted file mode 100755
index f179f38..0000000
Binary files a/app/assets/images/backgrounds/5.jpg and /dev/null differ
diff --git a/app/assets/images/backgrounds/5.webp b/app/assets/images/backgrounds/5.webp
new file mode 100644
index 0000000..4479686
Binary files /dev/null and b/app/assets/images/backgrounds/5.webp differ
diff --git a/app/assets/images/backgrounds/6.jpg b/app/assets/images/backgrounds/6.jpg
deleted file mode 100755
index 92ac4a7..0000000
Binary files a/app/assets/images/backgrounds/6.jpg and /dev/null differ
diff --git a/app/assets/images/backgrounds/6.webp b/app/assets/images/backgrounds/6.webp
new file mode 100644
index 0000000..239c4cf
Binary files /dev/null and b/app/assets/images/backgrounds/6.webp differ
diff --git a/app/assets/images/backgrounds/7.jpg b/app/assets/images/backgrounds/7.jpg
deleted file mode 100755
index b60bce5..0000000
Binary files a/app/assets/images/backgrounds/7.jpg and /dev/null differ
diff --git a/app/assets/images/backgrounds/7.webp b/app/assets/images/backgrounds/7.webp
new file mode 100644
index 0000000..33dfff0
Binary files /dev/null and b/app/assets/images/backgrounds/7.webp differ
diff --git a/app/assets/images/backgrounds/8.webp b/app/assets/images/backgrounds/8.webp
new file mode 100644
index 0000000..2f4e7f7
Binary files /dev/null and b/app/assets/images/backgrounds/8.webp differ
diff --git a/app/assets/js/scripts/uibinder.js b/app/assets/js/scripts/uibinder.js
index 97aa29f..4f7a1f1 100644
--- a/app/assets/js/scripts/uibinder.js
+++ b/app/assets/js/scripts/uibinder.js
@@ -71,7 +71,7 @@ function showMainUI(data){
     refreshServerStatus()
     setTimeout(() => {
         document.getElementById('frameBar').style.backgroundColor = 'rgba(0, 0, 0, 0.5)'
-        document.body.style.backgroundImage = `url('assets/images/backgrounds/${document.body.getAttribute('bkid')}.jpg')`
+        document.body.style.backgroundImage = `url('assets/images/backgrounds/${document.body.getAttribute('bkid')}.webp')`
         $('#main').show()
 
         const isLoggedIn = Object.keys(ConfigManager.getAuthAccounts()).length > 0