fix:压缩首页图片

src/views/sys/login/Login.vue

@@ -6,8 +6,8 @@
         <img src="../../../assets/images/login-logo.png" />
       </div>
       <div :class="`${prefixCls}-form`">
-        <div style="font-size: 36px; font-weight: bold; color: rgb(11, 11, 11);">Hi，欢迎使用~</div>
-        <div style="font-size: 24px; color: rgb(11, 11, 11); margin: 10px 0;">
+        <div style="font-size: 36px; font-weight: bold; color: rgb(11, 11, 11)">Hi，欢迎使用~</div>
+        <div style="font-size: 24px; color: rgb(11, 11, 11); margin: 10px 0">
           {{ title }}
         </div>
         <LoginForm />
@@ -51,7 +51,7 @@
       }
     }
 
-    background-image: url(../../../assets/images/login-left1.png);
+    background-image: url(../../../assets/images/login-left1.webp);
     background-position: center center;
     background-repeat: no-repeat;
     background-attachment: initial;