diff --git a/src/assets/styles/theme.scss b/src/assets/styles/theme.scss
index d5509c32c2194d3fbcbecbef7bce6256ff77ed29..91a6522b4e9ce869584d26304345b7350ce351ae 100644
--- a/src/assets/styles/theme.scss
+++ b/src/assets/styles/theme.scss
@@ -73,7 +73,7 @@ body[theme='dark'] {
}
body[theme='light'] {
- --o-bg-image: url('../../assets/svgs/light_background.svg');
+ --o-bg-image: url('../../assets/svgs/light_background.webp');
--no-work-flow: url('../../assets/images/light_no_flow.png');
--o-button-color: #c3cedf;
--o-button-border-color: #d3dce9;
diff --git a/src/assets/svgs/defaultIcon.svg b/src/assets/svgs/defaultIcon.svg
deleted file mode 100644
index d858b33eaeb06fd4d4d9ef799869cb0d1ef920fe..0000000000000000000000000000000000000000
--- a/src/assets/svgs/defaultIcon.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
diff --git a/src/assets/svgs/defaultIcon.webp b/src/assets/svgs/defaultIcon.webp
new file mode 100644
index 0000000000000000000000000000000000000000..01ca01700c532fc6f244c3e8fefb2b78ed857bd0
Binary files /dev/null and b/src/assets/svgs/defaultIcon.webp differ
diff --git a/src/assets/svgs/light_background.svg b/src/assets/svgs/light_background.svg
deleted file mode 100644
index 2de92cb9392decb1a6b50ef4314c0f78cffbdf6a..0000000000000000000000000000000000000000
--- a/src/assets/svgs/light_background.svg
+++ /dev/null
@@ -1,21359 +0,0 @@
-
diff --git a/src/assets/svgs/light_background.webp b/src/assets/svgs/light_background.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6270db00eb51957b6221d1e950ff3a47bb5470c4
Binary files /dev/null and b/src/assets/svgs/light_background.webp differ
diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index a104024de6238c4aec882dee90ff7df61cf3779d..4ccc4976da418688a80b71d54347f891f0031d92 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -70,7 +70,7 @@
diff --git a/src/views/app/index.vue b/src/views/app/index.vue
index de35223778fa596ed84b9f09624c2cf054ce6f24..dcc9bb5781cfc6c1ba5caffe380e6524c90ae8ff 100644
--- a/src/views/app/index.vue
+++ b/src/views/app/index.vue
@@ -150,7 +150,7 @@ import { useRouter } from 'vue-router';
import { api } from 'src/apis';
import { ElMessage, ElMessageBox } from 'element-plus';
import { IconAlarm } from '@computing/opendesign-icons';
-import DefaultAppIcon from '../../assets/svgs/defaultIcon.svg';
+import DefaultAppIcon from '../../assets/svgs/defaultIcon.webp';
import { storeToRefs } from 'pinia';
import { useAccountStore, useHistorySessionStore } from 'src/store';
import CustomLoading from '../customLoading/index.vue';
