diff --git a/web/src/views/login/index.vue b/web/src/views/login/index.vue
index d02d76e3b..50b10c85b 100644
--- a/web/src/views/login/index.vue
+++ b/web/src/views/login/index.vue
@@ -7,7 +7,7 @@
       width: 100%;
       height: 100vh;
       display: flex;
-      background-image: url(/static/images/bg19.webp);
+      background-image: url(/static/images/bg19.png);
       background-position: center center;
       background-repeat: no-repeat;
       background-size: cover;"
@@ -61,7 +61,7 @@
 </template>
 
 <script>
-import { validUsername } from '@/utils/validate'
+import {validUsername} from '@/utils/validate'
 
 export default {
   name: 'Login',