diff --git a/styles/img/bg_full.jpg b/styles/img/bg_full.jpg
deleted file mode 100644
index c5f87a5e..00000000
Binary files a/styles/img/bg_full.jpg and /dev/null differ
diff --git a/styles/img/bg_full.webp b/styles/img/bg_full.webp
new file mode 100644
index 00000000..b76d74b3
Binary files /dev/null and b/styles/img/bg_full.webp differ
diff --git a/styles/img/bg_header.jpg b/styles/img/bg_header.jpg
deleted file mode 100644
index 42da9b94..00000000
Binary files a/styles/img/bg_header.jpg and /dev/null differ
diff --git a/styles/img/bg_header_old.jpg b/styles/img/bg_header_old.jpg
deleted file mode 100644
index 7ec2bde9..00000000
Binary files a/styles/img/bg_header_old.jpg and /dev/null differ
diff --git a/styles/img/bg_left.jpg b/styles/img/bg_left.jpg
deleted file mode 100644
index 80d04a3c..00000000
Binary files a/styles/img/bg_left.jpg and /dev/null differ
diff --git a/styles/img/bg_left.webp b/styles/img/bg_left.webp
new file mode 100644
index 00000000..cab0b36b
Binary files /dev/null and b/styles/img/bg_left.webp differ
diff --git a/styles/img/bg_menu.jpg b/styles/img/bg_menu.jpg
deleted file mode 100644
index a5bde661..00000000
Binary files a/styles/img/bg_menu.jpg and /dev/null differ
diff --git a/styles/img/bg_menu.webp b/styles/img/bg_menu.webp
new file mode 100644
index 00000000..fdd4550d
Binary files /dev/null and b/styles/img/bg_menu.webp differ
diff --git a/styles/img/bg_right.jpg b/styles/img/bg_right.jpg
deleted file mode 100644
index b777947d..00000000
Binary files a/styles/img/bg_right.jpg and /dev/null differ
diff --git a/styles/img/bg_right.webp b/styles/img/bg_right.webp
new file mode 100644
index 00000000..89f31343
Binary files /dev/null and b/styles/img/bg_right.webp differ
diff --git a/styles/img/bg_sid.jpg b/styles/img/bg_sid.jpg
deleted file mode 100644
index 843b50bb..00000000
Binary files a/styles/img/bg_sid.jpg and /dev/null differ
diff --git a/styles/img/bg_sid.webp b/styles/img/bg_sid.webp
new file mode 100644
index 00000000..ba8d83a4
Binary files /dev/null and b/styles/img/bg_sid.webp differ
diff --git a/styles/img/bg_sid_dark.jpg b/styles/img/bg_sid_dark.jpg
deleted file mode 100644
index f942ae71..00000000
Binary files a/styles/img/bg_sid_dark.jpg and /dev/null differ
diff --git a/styles/img/bg_sid_dark.webp b/styles/img/bg_sid_dark.webp
new file mode 100644
index 00000000..a2fffbc0
Binary files /dev/null and b/styles/img/bg_sid_dark.webp differ
diff --git a/styles/img/logo.png b/styles/img/logo.png
deleted file mode 100644
index fc67f35c..00000000
Binary files a/styles/img/logo.png and /dev/null differ
diff --git a/styles/img/logo.webp b/styles/img/logo.webp
new file mode 100644
index 00000000..0e630575
Binary files /dev/null and b/styles/img/logo.webp differ
diff --git a/styles/img/rdd_pause.png b/styles/img/rdd_pause.png
deleted file mode 100644
index 0b0e536d..00000000
Binary files a/styles/img/rdd_pause.png and /dev/null differ
diff --git a/styles/img/rdd_pause.webp b/styles/img/rdd_pause.webp
new file mode 100644
index 00000000..bba3a2c2
Binary files /dev/null and b/styles/img/rdd_pause.webp differ
diff --git a/styles/img/ui/bg_control.jpg b/styles/img/ui/bg_control.jpg
deleted file mode 100644
index 021c7f3e..00000000
Binary files a/styles/img/ui/bg_control.jpg and /dev/null differ
diff --git a/styles/img/ui/bg_control.webp b/styles/img/ui/bg_control.webp
new file mode 100644
index 00000000..67cfb3e3
Binary files /dev/null and b/styles/img/ui/bg_control.webp differ
diff --git a/styles/img/ui/footer-button.png b/styles/img/ui/footer-button.png
deleted file mode 100644
index 225a6959..00000000
Binary files a/styles/img/ui/footer-button.png and /dev/null differ
diff --git a/styles/img/ui/footer-button.webp b/styles/img/ui/footer-button.webp
new file mode 100644
index 00000000..977bca7c
Binary files /dev/null and b/styles/img/ui/footer-button.webp differ
diff --git a/styles/img/ui/hotkeybox-macro-list.png b/styles/img/ui/hotkeybox-macro-list.png
deleted file mode 100644
index 54d170e3..00000000
Binary files a/styles/img/ui/hotkeybox-macro-list.png and /dev/null differ
diff --git a/styles/img/ui/hotkeybox-macro-list.webp b/styles/img/ui/hotkeybox-macro-list.webp
new file mode 100644
index 00000000..8d7e17c4
Binary files /dev/null and b/styles/img/ui/hotkeybox-macro-list.webp differ
diff --git a/styles/img/ui/players-border.png b/styles/img/ui/players-border.png
deleted file mode 100644
index ce67068e..00000000
Binary files a/styles/img/ui/players-border.png and /dev/null differ
diff --git a/styles/img/ui/players-border.webp b/styles/img/ui/players-border.webp
new file mode 100644
index 00000000..4f9848a1
Binary files /dev/null and b/styles/img/ui/players-border.webp differ
diff --git a/styles/img/ui/sidebar_button-background_cyan.png b/styles/img/ui/sidebar_button-background_cyan.png
deleted file mode 100644
index f2e46eba..00000000
Binary files a/styles/img/ui/sidebar_button-background_cyan.png and /dev/null differ
diff --git a/styles/img/ui/sidebar_button-background_cyan.webp b/styles/img/ui/sidebar_button-background_cyan.webp
new file mode 100644
index 00000000..fb3398cb
Binary files /dev/null and b/styles/img/ui/sidebar_button-background_cyan.webp differ
diff --git a/styles/img/ui/sidebar_button-background_red.png b/styles/img/ui/sidebar_button-background_red.png
deleted file mode 100644
index 986d95c4..00000000
Binary files a/styles/img/ui/sidebar_button-background_red.png and /dev/null differ
diff --git a/styles/img/ui/sidebar_button-background_red.webp b/styles/img/ui/sidebar_button-background_red.webp
new file mode 100644
index 00000000..625533ce
Binary files /dev/null and b/styles/img/ui/sidebar_button-background_red.webp differ
diff --git a/styles/simple.css b/styles/simple.css
index 3e134ea1..2c951fcb 100644
--- a/styles/simple.css
+++ b/styles/simple.css
@@ -549,7 +549,7 @@ table {border: 1px solid #7a7971;}
 /* ======================================== */
 /* Sheet  */
 .window-app.sheet .window-content .sheet-header{
-  background: #011d33 url("img/bg_header.webp") no-repeat left top;
+  background: #011d33 url(img/bg_header.webp) no-repeat left top;
   color: rgba(255, 255, 255, 1);
 }
 
@@ -561,7 +561,7 @@ table {border: 1px solid #7a7971;}
 }
 
 .window-app .window-content, .window-app.sheet .window-content .sheet-body{
-  background: rgb(245,245,240) url("img/bg_left.jpg") no-repeat left top;
+  background: rgb(245,245,240) url(img/bg_left.webp) no-repeat left top;
 }
 
 section.sheet-body{padding: 0.25rem 0.5rem;}
@@ -586,7 +586,7 @@ section.sheet-body{padding: 0.25rem 0.5rem;}
   border-top: 0 none;
   border-bottom: 0 none;
   color: rgba(52, 52, 52, 0.95);
-  background: rgb(245,245,240) url("img/bg_menu.jpg") no-repeat left top;
+  background: rgb(245,245,240) url(img/bg_menu.webp) no-repeat left top;
 }
 
 nav.sheet-tabs .item {
@@ -1043,7 +1043,7 @@ ul, li {
 /* Sidebar CSS */
 #sidebar {
   font-size: 1rem;
-  background: rgb(105,85,65) url("img/bg_sid_dark.jpg") no-repeat right bottom;
+  background: rgb(105,85,65) url(img/bg_sid_dark.webp) no-repeat right bottom;
   background-position: 100%;
   color: rgba(220,220,220,0.75);
 }
@@ -1135,7 +1135,7 @@ ul, li {
   border-radius: 0;
   background: rgba(30, 25, 20, 1);
   background-origin: padding-box;
-  border-image: url(img/ui/footer-button.png) 10 repeat;
+  border-image: url(img/ui/footer-button.webp) 10 repeat;
   border-image-width: 4px;
   border-image-outset: 0px;
 }
@@ -1146,7 +1146,7 @@ ul, li {
 #controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {
   background: rgba(72, 46, 28, 1);
   background-origin: padding-box;
-  border-image: url(img/ui/footer-button.png) 10 repeat;
+  border-image: url(img/ui/footer-button.webp) 10 repeat;
   border-image-width: 4px;
   border-image-outset: 0px;
   box-shadow: 0 0 3px #ff6400;
@@ -1158,7 +1158,7 @@ ul, li {
 }
 
 #hotbar #action-bar .macro {
-  border-image: url(img/ui/bg_control.jpg) 21 repeat;
+  border-image: url(img/ui/bg_control.webp) 21 repeat;
   border-image-slice: 6 6 6 6 fill;
   border-image-width: 6px 6px 6px 6px;
   border-image-outset: 0px 0px 0px 0px;
@@ -1171,7 +1171,7 @@ ul, li {
 }
 
 #players {
-  border-image: url(img/ui/footer-button.png) 10 repeat;
+  border-image: url(img/ui/footer-button.webp) 10 repeat;
   border-image-width: 4px;
   border-image-outset: 0px;
   background: rgba(30, 25, 20, 1);
@@ -1184,7 +1184,7 @@ ul, li {
 #navigation #scene-list .scene.nav-item {
   background: rgba(30, 25, 20, 1);
   background-origin: padding-box;
-  border-image: url(img/ui/footer-button.png) 10 repeat;
+  border-image: url(img/ui/footer-button.webp) 10 repeat;
   border-image-width: 4px;
   border-image-outset: 0px;
 }
@@ -1192,7 +1192,7 @@ ul, li {
 #navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
   background: rgba(72, 46, 28, 1);
   background-origin: padding-box;
-  border-image: url(img/ui/footer-button.png) 10 repeat;
+  border-image: url(img/ui/footer-button.webp) 10 repeat;
   border-image-width: 4px;
   border-image-outset: 0px;
   box-shadow: 0 0 3px #ff6400;
@@ -1201,7 +1201,7 @@ ul, li {
 #navigation #nav-toggle {
   background: rgba(30, 25, 20, 1);
   background-origin: padding-box;
-  border-image: url(img/ui/footer-button.png) 10 repeat;
+  border-image: url(img/ui/footer-button.webp) 10 repeat;
   border-image-width: 4px;
   border-image-outset: 0px;
 }
@@ -1458,7 +1458,7 @@ display: inline-flex;
   width: 360px;
   
   background: rgba(30, 25, 20, 0.9);
-  border-image: url(img/ui/bg_control.jpg) 21 repeat;
+  border-image: url(img/ui/bg_control.webp) 21 repeat;
   border-image-slice: 6 6 6 6 fill;
   border-image-width: 6px 6px 6px 6px;
   border-image-outset: 0px 0px 0px 0px;
@@ -1538,7 +1538,7 @@ display: inline-flex;
   color: #CCC
 }
 #pause > img {
-  content: url(img/rdd_pause.png);
+  content: url(img/rdd_pause.webp);
   height: 256px;
   width: 256px;
   top: -75px;
@@ -1546,7 +1546,7 @@ display: inline-flex;
 }
 
 #logo {
-  content : url(img/logo.png);
+  content : url(img/logo.webp);
   width: 80px;
   height: 68px;
 }