diff --git a/system/L5R-Header.webp b/system/L5R-Header.webp
new file mode 100644
index 0000000..2d12bdb
Binary files /dev/null and b/system/L5R-Header.webp differ
diff --git a/system/l5r-ui/css/cursor.css b/system/l5r-ui/css/cursor.css
index ae9edd6..d07b345 100644
--- a/system/l5r-ui/css/cursor.css
+++ b/system/l5r-ui/css/cursor.css
@@ -1,92 +1,92 @@
 .chat-card-button {
-  cursor:url(../ui/cursors/pointer.png), pointer;
+  cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 body {
-  cursor:url(../ui/cursors/normal.png), default; 
+  cursor:url(../ui/cursors/normal.webp), default; 
 }
 
 a{
-  cursor:url(../ui/cursors/pointer.png), pointer; 
+  cursor:url(../ui/cursors/pointer.webp), pointer; 
 }
 
 .draggable{
-  cursor:url(../ui/cursors/drag.png), move; 
+  cursor:url(../ui/cursors/drag.webp), move; 
 }
 
 #hotbar .macro{
-  cursor:url(../ui/cursors/pointer.png), pointer; 
+  cursor:url(../ui/cursors/pointer.webp), pointer; 
 }
 
 #playlists-popout .global-volume::-webkit-slider-thumb,
     #sidebar #playlists .global-volume::-webkit-slider-thumb {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 #playlists-popout li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-thumb,
       #sidebar #playlists li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-thumb {
-        cursor:url(../ui/cursors/pointer.png), pointer; 
+        cursor:url(../ui/cursors/pointer.webp), pointer; 
     }
 
 #sidebar #settings button {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 .app.window-app.sheet.wfrp4e.actor.character-sheet .tab.main.active .main-row .movement.row-section .move-value .auto-calc-toggle {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 .app.window-app.sheet.wfrp4e.actor.npc-sheet  .main-row .movement.row-section .move-value .auto-calc-toggle {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 .app.window-app.sheet.wfrp4e.actor.creature-sheet  .main-row .movement.row-section .move-value .auto-calc-toggle {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 #navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
-    cursor:url(../ui/cursors/normal.png), default; 
+    cursor:url(../ui/cursors/normal.webp), default; 
 }
 
 #navigation #nav-toggle {
-    cursor:url(../ui/cursors/normal.png), default; 
+    cursor:url(../ui/cursors/normal.webp), default; 
 }
 
 #navigation #scene-list .scene.nav-item {
-    cursor:url(../ui/cursors/normal.png), default; 
+    cursor:url(../ui/cursors/normal.webp), default; 
 }
 
 #controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {
-    cursor:url(../ui/cursors/normal.png), default; 
+    cursor:url(../ui/cursors/normal.webp), default; 
 }
 
 #controls .scene-control, #controls .control-tool {
-    cursor:url(../ui/cursors/pointer.png), pointer !important; 
-    cursor:url(../ui/cursors/normal.png), default !important; 
+    cursor:url(../ui/cursors/pointer.webp), pointer !important; 
+    cursor:url(../ui/cursors/normal.webp), default !important; 
 }
 
 .app.window-app .form-group input[type="range"]::-webkit-slider-thumb {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 .token-sheet .tab[data-tab="image"] input[type="range"]::-webkit-slider-thumb {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 #drawing-config .tab[data-tab="image"] input[type="range"]::-webkit-slider-thumb {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 .metacurrency-value {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 .overcast-button,
 .chargen-button {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 #effects-config .flex2::-webkit-slider-thumb {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 #client-settings .window-content form .form-group > label,
@@ -95,12 +95,12 @@ a{
 .app.window-app .form-group label,
 #sidebar .sidebar-tab #chat-controls div.roll-type-select select,
 #sidebar .sidebar-tab #chat-controls div.roll-type-select i.fas {
-    cursor:url(../ui/cursors/normal.png), default; 
+    cursor:url(../ui/cursors/normal.webp), default; 
 }
 
 #client-settings section.content .submenu > button,
 #client-settings .window-content button label,
 form .form-group .form-fields button,
 form button {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
diff --git a/system/l5r-ui/css/l5rui.css b/system/l5r-ui/css/l5rui.css
index e2130bf..bfd779a 100644
--- a/system/l5r-ui/css/l5rui.css
+++ b/system/l5r-ui/css/l5rui.css
@@ -21,7 +21,7 @@ body {
     overflow: hidden;
     margin: 0;
     border: 30px solid transparent;
-    border-image-source: url(../ui/frames/Chat-box.png);
+    border-image-source: url(../ui/frames/Chat-box.webp);
     border-image-slice: 30 fill;
     background-position: center !important;
     background-size: 300px 100%!important;
@@ -37,7 +37,7 @@ body {
     height: 410px !important;
     padding-left: 5px;
     border: 15px solid transparent;
-    border-image-source: url(../ui/frames/Chat-box.png);
+    border-image-source: url(../ui/frames/Chat-box.webp);
     border-image-slice: 35 fill;
     background-position: center !important;
     background-size: 100% 100%!important;
@@ -54,7 +54,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-comments {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-chat.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-chat.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -81,7 +81,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-fist-raised {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-combat-tracker.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-combat-tracker.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -95,7 +95,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-map {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-scenes.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-scenes.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -109,7 +109,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-users {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-actors.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-actors.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -123,7 +123,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-suitcase {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-object.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-object.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -137,7 +137,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-book-open {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-journal.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-journal.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -151,7 +151,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-th-list {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-rolltable.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-rolltable.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -165,7 +165,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-music {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-playlist.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-playlist.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -179,7 +179,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-atlas {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-compendium.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-compendium.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -193,7 +193,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-cogs {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-settings.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-settings.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -215,7 +215,7 @@ body {
     text-decoration: underline;
 }
 #chat-message{
-    background-image: url(../ui/frames/chat-texture.png) !important;
+    background-image: url(../ui/frames/chat-texture.webp) !important;
 }
 
 .polyglot-lang-select{
@@ -230,12 +230,12 @@ body {
     height: 24px;
     top: 10px;
     padding-top: 0px;
-    background: url(../ui/frames/chat-texture.png) repeat !important;
+    background: url(../ui/frames/chat-texture.webp) repeat !important;
     background-position-x: 0%;
     background-position-y: 0%;
     background-position: initial;
     box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.png) 4 repeat;
+    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
     border-image-width: 4px;
     color: #520000;
     margin-top: -10px;
@@ -249,12 +249,12 @@ body {
     height: 24px;
     top: 1px;
     padding-top: 0px;
-    background: url(../ui/frames/chat-texture.png) repeat !important;
+    background: url(../ui/frames/chat-texture.webp) repeat !important;
     background-position-x: 0%;
     background-position-y: 0%;
     background-position: initial;
     box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.png) 4 repeat;
+    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
     border-image-width: 4px;
     color: #520000;
 }
@@ -268,12 +268,12 @@ body {
     height: 24px;
     top: 7px;
     padding-top: 3px;
-    background: url(../ui/frames/chat-texture.png) repeat;
+    background: url(../ui/frames/chat-texture.webp) repeat;
     background-position-x: 0%;
     background-position-y: 0%;
     background-position: initial;
     box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.png) 4 repeat;
+    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
     border-image-width: 4px;
     border-image-outset: 3px 2px 2px 2px;
     color: #520000;
@@ -283,7 +283,7 @@ body {
 /*====================== COMBAT TAB =========================*/
 /*************************************************************/
 #combat-controls .combat-control{
-    background-image: url(../ui/buttons/button-red.png);
+    background-image: url(../ui/buttons/button-red.webp);
     text-align: center;
     background-position: center !important;
     background-size: 260px 100%!important;
@@ -306,19 +306,19 @@ body {
     height: 24px;
     top: 7px;
     padding-top: 3px;
-    background: url(../ui/frames/chat-texture.png) repeat;
+    background: url(../ui/frames/chat-texture.webp) repeat;
     background-position-x: 0%;
     background-position-y: 0%;
     background-position: initial;
     box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.png) 4 repeat;
+    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
     border-image-width: 4px;
     border-image-outset: 3px 2px 2px 2px;
     color: #520000;
 }
 
 .sidebar-tab .directory-header button {
-    background-image: url(../ui/buttons/button-green.png);
+    background-image: url(../ui/buttons/button-green.webp);
     text-align: center;
     background-position: center !important;
     background-size: 100% 100% !important;
@@ -330,7 +330,7 @@ body {
 }
 
 .sidebar-tab .directory-footer button{
-    background-image: url(../ui/buttons/button-green.png);
+    background-image: url(../ui/buttons/button-green.webp);
     text-align: center;
     background-position: center !important;
     background-size: 100% 100% !important;
@@ -345,7 +345,7 @@ body {
 /*=============== SIDEBAR FOLDERs AS BUTTONS ================*/
 /*************************************************************/
 .sidebar-tab .folder .folder-header {
-    background-image: url(../ui/buttons/button-grey-light.png)  !important;
+    background-image: url(../ui/buttons/button-grey-light.webp)  !important;
     text-align: left !important;
     background-position: center !important;
     background-size: 100% 55px!important;
@@ -380,13 +380,13 @@ body {
     top: 7px;
     padding-top: 20px;
     padding-left: 30px;
-    background: url(../ui/buttons/button-red.png) no-repeat;
+    background: url(../ui/buttons/button-red.webp) no-repeat;
     background-position-x: 0%;
     background-size: 100% 55px;
     background-position-y: 0%;
     background-position: initial;
     box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.png) 4 repeat;
+    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
     border-image-width: 4px;
     border-image-outset: 3px 2px 2px 2px;
     color: #eeede0;
@@ -398,7 +398,7 @@ body {
 /* #endregion */
 
 #settings button {
-    background-image: url(../ui/buttons/button-blue.png);
+    background-image: url(../ui/buttons/button-blue.webp);
     background-size: cover;
     background-repeat: no-repeat;
     border: 1px solid black;
@@ -447,9 +447,9 @@ body {
 #navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
     cursor: default; 
     color: #FFF;
-    background: url(../ui/sidebar/sidebar_button-background_red.png) repeat;
+    background: url(../ui/sidebar/sidebar_button-background_red.webp) repeat;
     background-origin: padding-box;
-    border-image: url(../ui/sidebar/sidebar_button-footer-button.png) 10 repeat;
+    border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat;
     border-image-width: 4px;
     border-image-outset: 0px;
     box-shadow: 0 0 20px red;
@@ -458,9 +458,9 @@ body {
   #navigation #nav-toggle {
     cursor: default; 
     color: #FFF;
-    background: url(../ui/sidebar/sidebar_button-background_cyan.png) repeat;
+    background: url(../ui/sidebar/sidebar_button-background_cyan.webp) repeat;
     background-origin: padding-box;
-    border-image: url(../ui/sidebar/sidebar_button-footer-button.png) 10 repeat;
+    border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat;
     border-image-width: 4px;
     border-image-outset: 0px;
     font-family: CaslonPro;
@@ -473,9 +473,9 @@ body {
   #navigation #scene-list .scene.nav-item {
     cursor: default; 
     color: #FFF;
-    background: url(../ui/sidebar/sidebar_button-background_cyan.png) repeat;
+    background: url(../ui/sidebar/sidebar_button-background_cyan.webp) repeat;
     background-origin: padding-box;
-    border-image: url(../ui/sidebar/sidebar_button-footer-button.png) 10 repeat;
+    border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat;
     border-image-width: 4px;
     border-image-outset: 0px;
     font-family: CaslonPro;
@@ -484,7 +484,7 @@ body {
     padding-top: 2px;
   }
   #navigation #scene-list .scene.nav-item.active {
-    background: url(../ui/sidebar/sidebar_button-background_red.png) repeat;
+    background: url(../ui/sidebar/sidebar_button-background_red.webp) repeat;
   }
     #navigation #scene-list .scene li.scene-player {
       float: left;
@@ -510,9 +510,9 @@ body {
   #controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {
   cursor: default; 
   color: #FFF;
-  background: url(../ui/sidebar/sidebar_button-background_red.png) repeat !important;
+  background: url(../ui/sidebar/sidebar_button-background_red.webp) repeat !important;
   background-origin: padding-box !important;
-  border-image: url(../ui/sidebar/sidebar_button-footer-button.png) 10 repeat !important;
+  border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat !important;
   border-image-width: 4px !important;
   border-image-outset: 0px !important;
   box-shadow: 0 0 10px red !important;
@@ -534,9 +534,9 @@ body {
   cursor: pointer !important; 
   cursor: default !important; 
   color: #FFF !important;
-  background: url(../ui/sidebar/sidebar_button-background_cyan.png) repeat !important;
+  background: url(../ui/sidebar/sidebar_button-background_cyan.webp) repeat !important;
   background-origin: padding-box !important;
-  border-image: url(../ui/sidebar/sidebar_button-footer-button.png) 10 repeat !important;
+  border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat !important;
   border-image-width: 4px !important;
   border-image-outset: 0px !important;
   }
@@ -550,7 +550,7 @@ body {
     left: 13px;
     width: 200px;
     border: 1px solid blue;
-    border-image: url(../ui/frames/players-border.png) 21 repeat;
+    border-image: url(../ui/frames/players-border.webp) 21 repeat;
     border-image-slice: 23 19 23 19;
     border-image-width: 23px 19px 23px 19px;
     border-image-outset: 22px 17px 16px 14px;
@@ -599,11 +599,11 @@ body {
     border: none;
     border-radius: 4px;
     justify-content: center;
-    background: url(../ui/frames/hotkeybox-macro-list.png);
+    background: url(../ui/frames/hotkeybox-macro-list.webp);
     box-shadow: 2px 2px 5px #000000;
   }
     #hotbar #action-bar .macro {
-      border-image: url(../ui/frames/hotkeybox.png) 21 repeat;
+      border-image: url(../ui/frames/hotkeybox.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;
diff --git a/system/l5r-ui/ui/buttons/button-blue.png b/system/l5r-ui/ui/buttons/button-blue.png
deleted file mode 100644
index da2c274..0000000
Binary files a/system/l5r-ui/ui/buttons/button-blue.png and /dev/null differ
diff --git a/system/l5r-ui/ui/buttons/button-blue.webp b/system/l5r-ui/ui/buttons/button-blue.webp
new file mode 100644
index 0000000..a295ff3
Binary files /dev/null and b/system/l5r-ui/ui/buttons/button-blue.webp differ
diff --git a/system/l5r-ui/ui/buttons/button-green.png b/system/l5r-ui/ui/buttons/button-green.png
deleted file mode 100644
index e297a0d..0000000
Binary files a/system/l5r-ui/ui/buttons/button-green.png and /dev/null differ
diff --git a/system/l5r-ui/ui/buttons/button-green.webp b/system/l5r-ui/ui/buttons/button-green.webp
new file mode 100644
index 0000000..48a2785
Binary files /dev/null and b/system/l5r-ui/ui/buttons/button-green.webp differ
diff --git a/system/l5r-ui/ui/buttons/button-grey-light.png b/system/l5r-ui/ui/buttons/button-grey-light.png
deleted file mode 100644
index 5c20bfb..0000000
Binary files a/system/l5r-ui/ui/buttons/button-grey-light.png and /dev/null differ
diff --git a/system/l5r-ui/ui/buttons/button-grey-light.webp b/system/l5r-ui/ui/buttons/button-grey-light.webp
new file mode 100644
index 0000000..6d3f2f2
Binary files /dev/null and b/system/l5r-ui/ui/buttons/button-grey-light.webp differ
diff --git a/system/l5r-ui/ui/buttons/button-grey.png b/system/l5r-ui/ui/buttons/button-grey.png
deleted file mode 100644
index c3a9566..0000000
Binary files a/system/l5r-ui/ui/buttons/button-grey.png and /dev/null differ
diff --git a/system/l5r-ui/ui/buttons/button-grey.webp b/system/l5r-ui/ui/buttons/button-grey.webp
new file mode 100644
index 0000000..131074d
Binary files /dev/null and b/system/l5r-ui/ui/buttons/button-grey.webp differ
diff --git a/system/l5r-ui/ui/buttons/button-red.png b/system/l5r-ui/ui/buttons/button-red.png
deleted file mode 100644
index 4b5600c..0000000
Binary files a/system/l5r-ui/ui/buttons/button-red.png and /dev/null differ
diff --git a/system/l5r-ui/ui/buttons/button-red.webp b/system/l5r-ui/ui/buttons/button-red.webp
new file mode 100644
index 0000000..abb5a3d
Binary files /dev/null and b/system/l5r-ui/ui/buttons/button-red.webp differ
diff --git a/system/l5r-ui/ui/cursors/drag.png b/system/l5r-ui/ui/cursors/drag.png
deleted file mode 100644
index 39b2b09..0000000
Binary files a/system/l5r-ui/ui/cursors/drag.png and /dev/null differ
diff --git a/system/l5r-ui/ui/cursors/drag.webp b/system/l5r-ui/ui/cursors/drag.webp
new file mode 100644
index 0000000..4f5baa3
Binary files /dev/null and b/system/l5r-ui/ui/cursors/drag.webp differ
diff --git a/system/l5r-ui/ui/cursors/normal.png b/system/l5r-ui/ui/cursors/normal.png
deleted file mode 100644
index 50976ab..0000000
Binary files a/system/l5r-ui/ui/cursors/normal.png and /dev/null differ
diff --git a/system/l5r-ui/ui/cursors/normal.webp b/system/l5r-ui/ui/cursors/normal.webp
new file mode 100644
index 0000000..4f30bfe
Binary files /dev/null and b/system/l5r-ui/ui/cursors/normal.webp differ
diff --git a/system/l5r-ui/ui/cursors/pointer.png b/system/l5r-ui/ui/cursors/pointer.png
deleted file mode 100644
index 90762e3..0000000
Binary files a/system/l5r-ui/ui/cursors/pointer.png and /dev/null differ
diff --git a/system/l5r-ui/ui/cursors/pointer.webp b/system/l5r-ui/ui/cursors/pointer.webp
new file mode 100644
index 0000000..de5a5c6
Binary files /dev/null and b/system/l5r-ui/ui/cursors/pointer.webp differ
diff --git a/system/l5r-ui/ui/frames/Chat-box.png b/system/l5r-ui/ui/frames/Chat-box.png
deleted file mode 100644
index 31ad817..0000000
Binary files a/system/l5r-ui/ui/frames/Chat-box.png and /dev/null differ
diff --git a/system/l5r-ui/ui/frames/Chat-box.webp b/system/l5r-ui/ui/frames/Chat-box.webp
new file mode 100644
index 0000000..1773286
Binary files /dev/null and b/system/l5r-ui/ui/frames/Chat-box.webp differ
diff --git a/system/l5r-ui/ui/frames/background.webp b/system/l5r-ui/ui/frames/background.webp
new file mode 100644
index 0000000..83d536e
Binary files /dev/null and b/system/l5r-ui/ui/frames/background.webp differ
diff --git a/system/l5r-ui/ui/frames/chat-controls-border.png b/system/l5r-ui/ui/frames/chat-controls-border.png
deleted file mode 100644
index 0f3478f..0000000
Binary files a/system/l5r-ui/ui/frames/chat-controls-border.png and /dev/null differ
diff --git a/system/l5r-ui/ui/frames/chat-controls-border.webp b/system/l5r-ui/ui/frames/chat-controls-border.webp
new file mode 100644
index 0000000..5020493
Binary files /dev/null and b/system/l5r-ui/ui/frames/chat-controls-border.webp differ
diff --git a/system/l5r-ui/ui/frames/chat-texture.png b/system/l5r-ui/ui/frames/chat-texture.png
deleted file mode 100644
index 37930d3..0000000
Binary files a/system/l5r-ui/ui/frames/chat-texture.png and /dev/null differ
diff --git a/system/l5r-ui/ui/frames/chat-texture.webp b/system/l5r-ui/ui/frames/chat-texture.webp
new file mode 100644
index 0000000..e10aaa0
Binary files /dev/null and b/system/l5r-ui/ui/frames/chat-texture.webp differ
diff --git a/system/l5r-ui/ui/frames/hotkeybox-macro-list.png b/system/l5r-ui/ui/frames/hotkeybox-macro-list.png
deleted file mode 100644
index 16c8b56..0000000
Binary files a/system/l5r-ui/ui/frames/hotkeybox-macro-list.png and /dev/null differ
diff --git a/system/l5r-ui/ui/frames/hotkeybox-macro-list.webp b/system/l5r-ui/ui/frames/hotkeybox-macro-list.webp
new file mode 100644
index 0000000..433d732
Binary files /dev/null and b/system/l5r-ui/ui/frames/hotkeybox-macro-list.webp differ
diff --git a/system/l5r-ui/ui/frames/hotkeybox.png b/system/l5r-ui/ui/frames/hotkeybox.png
deleted file mode 100644
index 6d4f1f1..0000000
Binary files a/system/l5r-ui/ui/frames/hotkeybox.png and /dev/null differ
diff --git a/system/l5r-ui/ui/frames/hotkeybox.webp b/system/l5r-ui/ui/frames/hotkeybox.webp
new file mode 100644
index 0000000..29bae21
Binary files /dev/null and b/system/l5r-ui/ui/frames/hotkeybox.webp differ
diff --git a/system/l5r-ui/ui/frames/players-border.png b/system/l5r-ui/ui/frames/players-border.png
deleted file mode 100644
index aa6993e..0000000
Binary files a/system/l5r-ui/ui/frames/players-border.png and /dev/null differ
diff --git a/system/l5r-ui/ui/frames/players-border.webp b/system/l5r-ui/ui/frames/players-border.webp
new file mode 100644
index 0000000..0b22d4d
Binary files /dev/null and b/system/l5r-ui/ui/frames/players-border.webp differ
diff --git a/system/l5r-ui/ui/logo/l5r-logo.png b/system/l5r-ui/ui/logo/l5r-logo.png
deleted file mode 100644
index 624ac03..0000000
Binary files a/system/l5r-ui/ui/logo/l5r-logo.png and /dev/null differ
diff --git a/system/l5r-ui/ui/logo/l5r-logo.webp b/system/l5r-ui/ui/logo/l5r-logo.webp
new file mode 100644
index 0000000..8989680
Binary files /dev/null and b/system/l5r-ui/ui/logo/l5r-logo.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-actors.png b/system/l5r-ui/ui/sidebar/sidebar_button-actors.png
deleted file mode 100644
index fa8cf2a..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-actors.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-actors.webp b/system/l5r-ui/ui/sidebar/sidebar_button-actors.webp
new file mode 100644
index 0000000..05388b2
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-actors.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-background.png b/system/l5r-ui/ui/sidebar/sidebar_button-background.png
deleted file mode 100644
index c147852..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-background.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-background.webp b/system/l5r-ui/ui/sidebar/sidebar_button-background.webp
new file mode 100644
index 0000000..56d566a
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-background.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-background_cyan.png b/system/l5r-ui/ui/sidebar/sidebar_button-background_cyan.png
deleted file mode 100644
index f2e46eb..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-background_cyan.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-background_cyan.webp b/system/l5r-ui/ui/sidebar/sidebar_button-background_cyan.webp
new file mode 100644
index 0000000..874ce3f
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-background_cyan.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-background_green.png b/system/l5r-ui/ui/sidebar/sidebar_button-background_green.png
deleted file mode 100644
index 17dfd18..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-background_green.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-background_green.webp b/system/l5r-ui/ui/sidebar/sidebar_button-background_green.webp
new file mode 100644
index 0000000..a5c3355
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-background_green.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-background_grey.png b/system/l5r-ui/ui/sidebar/sidebar_button-background_grey.png
deleted file mode 100644
index d5dc3d3..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-background_grey.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-background_grey.webp b/system/l5r-ui/ui/sidebar/sidebar_button-background_grey.webp
new file mode 100644
index 0000000..69a18c2
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-background_grey.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-background_red.png b/system/l5r-ui/ui/sidebar/sidebar_button-background_red.png
deleted file mode 100644
index 986d95c..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-background_red.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-background_red.webp b/system/l5r-ui/ui/sidebar/sidebar_button-background_red.webp
new file mode 100644
index 0000000..56d566a
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-background_red.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-chat.png b/system/l5r-ui/ui/sidebar/sidebar_button-chat.png
deleted file mode 100644
index 59433f2..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-chat.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-chat.webp b/system/l5r-ui/ui/sidebar/sidebar_button-chat.webp
new file mode 100644
index 0000000..8341ff7
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-chat.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-combat-tracker.png b/system/l5r-ui/ui/sidebar/sidebar_button-combat-tracker.png
deleted file mode 100644
index 74b4d3c..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-combat-tracker.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-combat-tracker.webp b/system/l5r-ui/ui/sidebar/sidebar_button-combat-tracker.webp
new file mode 100644
index 0000000..96d2df4
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-combat-tracker.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-compendium.png b/system/l5r-ui/ui/sidebar/sidebar_button-compendium.png
deleted file mode 100644
index 72a08c6..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-compendium.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-compendium.webp b/system/l5r-ui/ui/sidebar/sidebar_button-compendium.webp
new file mode 100644
index 0000000..54ac17b
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-compendium.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-footer-button.png b/system/l5r-ui/ui/sidebar/sidebar_button-footer-button.png
deleted file mode 100644
index 5fca720..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-footer-button.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-footer-button.webp b/system/l5r-ui/ui/sidebar/sidebar_button-footer-button.webp
new file mode 100644
index 0000000..cfdcab0
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-footer-button.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-journal.png b/system/l5r-ui/ui/sidebar/sidebar_button-journal.png
deleted file mode 100644
index d0584c2..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-journal.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-journal.webp b/system/l5r-ui/ui/sidebar/sidebar_button-journal.webp
new file mode 100644
index 0000000..6ab4153
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-journal.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-object.png b/system/l5r-ui/ui/sidebar/sidebar_button-object.png
deleted file mode 100644
index d430618..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-object.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-object.webp b/system/l5r-ui/ui/sidebar/sidebar_button-object.webp
new file mode 100644
index 0000000..af29b52
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-object.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-playlist.png b/system/l5r-ui/ui/sidebar/sidebar_button-playlist.png
deleted file mode 100644
index a563826..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-playlist.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-playlist.webp b/system/l5r-ui/ui/sidebar/sidebar_button-playlist.webp
new file mode 100644
index 0000000..6fe491a
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-playlist.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-rolltable.png b/system/l5r-ui/ui/sidebar/sidebar_button-rolltable.png
deleted file mode 100644
index b9489ed..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-rolltable.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-rolltable.webp b/system/l5r-ui/ui/sidebar/sidebar_button-rolltable.webp
new file mode 100644
index 0000000..5efa8db
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-rolltable.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-scenes.png b/system/l5r-ui/ui/sidebar/sidebar_button-scenes.png
deleted file mode 100644
index 81c5465..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-scenes.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-scenes.webp b/system/l5r-ui/ui/sidebar/sidebar_button-scenes.webp
new file mode 100644
index 0000000..71d1484
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-scenes.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-settings.png b/system/l5r-ui/ui/sidebar/sidebar_button-settings.png
deleted file mode 100644
index f1e914e..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_button-settings.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_button-settings.webp b/system/l5r-ui/ui/sidebar/sidebar_button-settings.webp
new file mode 100644
index 0000000..5a1b18a
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_button-settings.webp differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_buttons.png b/system/l5r-ui/ui/sidebar/sidebar_buttons.png
deleted file mode 100644
index 179a75d..0000000
Binary files a/system/l5r-ui/ui/sidebar/sidebar_buttons.png and /dev/null differ
diff --git a/system/l5r-ui/ui/sidebar/sidebar_buttons.webp b/system/l5r-ui/ui/sidebar/sidebar_buttons.webp
new file mode 100644
index 0000000..5905703
Binary files /dev/null and b/system/l5r-ui/ui/sidebar/sidebar_buttons.webp differ