.

src/main/resources/static/css/admin.css

@@ -3,7 +3,7 @@
 .bg-image {
     position: fixed;
     inset: 0;
-    background: url("/images/bg-dark-fantasy.jpg") center/cover no-repeat;
+    background: url("/images/bg-dark-fantasy.webp") center/cover no-repeat;
     filter: brightness(.2);
     z-index: -2;
 }

src/main/resources/static/css/auth.css

@@ -262,7 +262,7 @@ body {
 
   background-image:
     linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.25)),
-    url("../img/back.jpg");
+    url("../img/back.webp");
 
   background-size: cover;
   background-position: center;

src/main/resources/static/css/dashboard-user.css

@@ -69,7 +69,7 @@ BACKGROUND
     background:
         linear-gradient(rgba(0, 0, 0, .45),
             rgba(0, 0, 0, .65)),
-        url("/img/back.jpg") center/cover no-repeat;
+        url("/img/back.webp") center/cover no-repeat;
 
     filter:
         brightness(.65) saturate(.85) sepia(.2);

src/main/resources/static/css/dashboard.css

@@ -104,7 +104,7 @@ body {
     background:
         linear-gradient(rgba(0, 0, 0, .35),
             rgba(0, 0, 0, .55)),
-        url("/img/back.jpg") center/cover no-repeat;
+        url("/img/back.webp") center/cover no-repeat;
 
     filter: brightness(.6) saturate(.85) sepia(.25);
     z-index: -3;

src/main/resources/static/css/styles.css

@@ -500,7 +500,7 @@ h4 {
 .hero-bg {
     position: absolute;
     inset: 0;
-    background-image: url(../img/back-groud.jpg);
+    background-image: url(../img/back-groud.webp);
     background-size: cover;
     background-position: center 100%;
     /* filter: brightness(1) saturate(0.9) sepia(0.8); */
@@ -866,7 +866,7 @@ h4 {
     content: "";
     position: absolute;
     inset: 0;
-    background-image: url('../img/backback.jpg');
+    background-image: url('../img/backback.webp');
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
@@ -1294,7 +1294,7 @@ h4 {
     content: "";
     position: absolute;
     inset: 0;
-    background-image: url('../img/black.jpg');
+    background-image: url('../img/black.webp');
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
@@ -2140,7 +2140,7 @@ select.form-control {
 
     background:
         linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.82)),
-        url('img/login-bg.jpg');
+        url('img/login-bg.webp');
 
     background-size: cover;
     background-position: center;

src/main/webapp/WEB-INF/views/characters/characters.jsp

@@ -3,7 +3,7 @@
 
         <section class="page-hero">
             <div class="page-hero-bg"
-                style="background-image:url('${pageContext.request.contextPath}/img/nhanvat-back.png');">
+                style="background-image:url('${pageContext.request.contextPath}/img/nhanvat-back.webp');">
             </div>
             <div class="page-hero-overlay"></div>
             <div class="page-hero-content">

src/main/webapp/WEB-INF/views/index.jsp

@@ -8,7 +8,7 @@
             <section id="home" class="hero">
 
                 <div class="hero-bg"
-                    style="background-image:url('${pageContext.request.contextPath}/img/backgroud.jpg');">
+                    style="background-image:url('${pageContext.request.contextPath}/img/backgroud.webp');">
                 </div>
                 <div class="hero-overlay"></div>
                 <div class="hero-vignette"></div>

src/main/webapp/WEB-INF/views/storys/story.jsp

@@ -4,7 +4,7 @@
         <!-- PAGE HERO -->
         <section class="page-hero">
             <div class="page-hero-bg"
-                style="background-image:url('${pageContext.request.contextPath}/img/aa.png');">
+                style="background-image:url('${pageContext.request.contextPath}/img/aa.webp');">
             </div>
             <div class="page-hero-overlay"></div>
             <div class="page-hero-content">

src/main/webapp/WEB-INF/views/worlds/world.jsp

@@ -3,7 +3,7 @@
 
         <section class="page-hero">
             <div class="page-hero-bg"
-                style="background-image:url('${pageContext.request.contextPath}/img/world-back.png');">
+                style="background-image:url('${pageContext.request.contextPath}/img/world-back.webp');">
             </div>
             <div class="page-hero-overlay"></div>
             <div class="page-hero-content">

{new_path}')

@@ -0,0 +1 @@
+Unable to initialize device PRN