diff --git a/src/App.vue b/src/App.vue
index 64c6d9e..ddd9be0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,7 @@ import Page1 from './pages/Page1.vue';
 import assets from './assets';
 import Loader from './pages/Loader.vue';
 
-const stage = ref(1);
+const stage = ref(-1);
 
 const userData = ref({
   region: '奥莱',
@@ -64,7 +64,7 @@ watch(playingBgm, (val) => {
 
 //std radio is 2462 / 1179
 
-const scale = ref(-1);
+const scale = ref(1);
 const onResize = () => {
   let radio = window.innerHeight / window.innerWidth;
   let stdRadio = 2462 / 1179;
@@ -89,14 +89,14 @@ const gameKey = ref(10)
 <template>
   <main :style="{ scale: scale }">
     <div class="bg"> </div>
-    <img class="cloud cloud-top" src="./assets/game/云.png" v-for="c in [
+    <img class="cloud cloud-top" src="./assets/game/云.webp" v-for="c in [
       { w: 60, t: 10, l: 75, all: true },
       { w: 75, t: 55, l: -45 },
       { w: 40, t: 105, l: 35 },
     ]" :style="{ width: `${c.w}vw`, top: `${c.t}vw`, left: `${c.l}vw` }"
       :class="{ all: c.all, left: c.l < 0, right: c.l > 0 }"></img>
 
-    <img class="cloud cloud-bottom" src="./assets/game/云.png" v-for="c in [
+    <img class="cloud cloud-bottom" src="./assets/game/云.webp" v-for="c in [
       { w: 75, t: 165, l: -35, all: true },
       { w: 100, t: 144, l: 60, all: true },
     ]" :style="{ width: `${c.w}vw`, top: `${c.t}vw`, left: `${c.l}vw` }"
@@ -119,9 +119,9 @@ const gameKey = ref(10)
     <div class="overlay page">
       <div class="bgm"
         style="position: absolute; top: 16vw;right: 8vw;width: 8vw; cursor: pointer;pointer-events: all;">
-        <img src="./assets/开启音乐.png" @click="playingBgm = false" alt=""
+        <img src="./assets/开启音乐.webp" @click="playingBgm = false" alt=""
           v-if="playingBgm">
-        <img src="./assets/关掉音乐.png" @click="playingBgm = true" alt="" v-else>
+        <img src="./assets/关掉音乐.webp" @click="playingBgm = true" alt="" v-else>
       </div>
     </div>
 
@@ -198,7 +198,7 @@ main {
   height: calc(2462 / 1179 * 100vw);
   width: 100%;
   z-index: -1;
-  background-image: url('./assets/game/蓝天.png');
+  background-image: url('./assets/game/蓝天.webp');
   background-size: cover;
   background-position: center;
 }
diff --git a/src/assets/ani/海报p1.zip b/src/assets/ani/海报p1.zip
new file mode 100644
index 0000000..46bd3c7
Binary files /dev/null and b/src/assets/ani/海报p1.zip differ
diff --git a/src/assets/ani/海报p2.zip b/src/assets/ani/海报p2.zip
new file mode 100644
index 0000000..43cebe8
Binary files /dev/null and b/src/assets/ani/海报p2.zip differ
diff --git a/src/assets/game/3.png b/src/assets/game/3.png
deleted file mode 100644
index 386e46a..0000000
Binary files a/src/assets/game/3.png and /dev/null differ
diff --git a/src/assets/game/3.webp b/src/assets/game/3.webp
new file mode 100644
index 0000000..3a60486
Binary files /dev/null and b/src/assets/game/3.webp differ
diff --git a/src/assets/game/end_right_bg.png b/src/assets/game/end_right_bg.png
deleted file mode 100644
index 62395d1..0000000
Binary files a/src/assets/game/end_right_bg.png and /dev/null differ
diff --git a/src/assets/game/end_right_bg.webp b/src/assets/game/end_right_bg.webp
new file mode 100644
index 0000000..61b90f4
Binary files /dev/null and b/src/assets/game/end_right_bg.webp differ
diff --git a/src/assets/game/first.png b/src/assets/game/first.png
deleted file mode 100644
index dcae07d..0000000
Binary files a/src/assets/game/first.png and /dev/null differ
diff --git a/src/assets/game/first.webp b/src/assets/game/first.webp
new file mode 100644
index 0000000..5935bde
Binary files /dev/null and b/src/assets/game/first.webp differ
diff --git a/src/assets/game/metal_0.png b/src/assets/game/metal_0.png
deleted file mode 100644
index d315c85..0000000
Binary files a/src/assets/game/metal_0.png and /dev/null differ
diff --git a/src/assets/game/metal_0.webp b/src/assets/game/metal_0.webp
new file mode 100644
index 0000000..41af7ee
Binary files /dev/null and b/src/assets/game/metal_0.webp differ
diff --git a/src/assets/game/metal_1.png b/src/assets/game/metal_1.png
deleted file mode 100644
index 564614c..0000000
Binary files a/src/assets/game/metal_1.png and /dev/null differ
diff --git a/src/assets/game/metal_1.webp b/src/assets/game/metal_1.webp
new file mode 100644
index 0000000..10122b7
Binary files /dev/null and b/src/assets/game/metal_1.webp differ
diff --git a/src/assets/game/metal_2.png b/src/assets/game/metal_2.png
deleted file mode 100644
index 51e87d6..0000000
Binary files a/src/assets/game/metal_2.png and /dev/null differ
diff --git a/src/assets/game/metal_2.webp b/src/assets/game/metal_2.webp
new file mode 100644
index 0000000..be3241f
Binary files /dev/null and b/src/assets/game/metal_2.webp differ
diff --git a/src/assets/game/second.png b/src/assets/game/second.png
deleted file mode 100644
index b48b0c4..0000000
Binary files a/src/assets/game/second.png and /dev/null differ
diff --git a/src/assets/game/second.webp b/src/assets/game/second.webp
new file mode 100644
index 0000000..92046f2
Binary files /dev/null and b/src/assets/game/second.webp differ
diff --git a/src/assets/game/third.png b/src/assets/game/third.png
deleted file mode 100644
index 386e46a..0000000
Binary files a/src/assets/game/third.png and /dev/null differ
diff --git a/src/assets/game/third.webp b/src/assets/game/third.webp
new file mode 100644
index 0000000..3a60486
Binary files /dev/null and b/src/assets/game/third.webp differ
diff --git a/src/assets/game/wecare.png b/src/assets/game/wecare.png
deleted file mode 100644
index 60ff7f1..0000000
Binary files a/src/assets/game/wecare.png and /dev/null differ
diff --git a/src/assets/game/wecare.webp b/src/assets/game/wecare.webp
new file mode 100644
index 0000000..5834f34
Binary files /dev/null and b/src/assets/game/wecare.webp differ
diff --git a/src/assets/game/wecare标题.png b/src/assets/game/wecare标题.png
deleted file mode 100644
index d022caa..0000000
Binary files a/src/assets/game/wecare标题.png and /dev/null differ
diff --git a/src/assets/game/wecare标题.webp b/src/assets/game/wecare标题.webp
new file mode 100644
index 0000000..9b2d50b
Binary files /dev/null and b/src/assets/game/wecare标题.webp differ
diff --git a/src/assets/game/中.png b/src/assets/game/中.png
deleted file mode 100644
index 44a0c31..0000000
Binary files a/src/assets/game/中.png and /dev/null differ
diff --git a/src/assets/game/中.webp b/src/assets/game/中.webp
new file mode 100644
index 0000000..76a97fe
Binary files /dev/null and b/src/assets/game/中.webp differ
diff --git a/src/assets/game/云.png b/src/assets/game/云.png
deleted file mode 100644
index dda4a2d..0000000
Binary files a/src/assets/game/云.png and /dev/null differ
diff --git a/src/assets/game/云.webp b/src/assets/game/云.webp
new file mode 100644
index 0000000..cd89d9d
Binary files /dev/null and b/src/assets/game/云.webp differ
diff --git a/src/assets/game/再玩一次.png b/src/assets/game/再玩一次.png
deleted file mode 100644
index b1542f2..0000000
Binary files a/src/assets/game/再玩一次.png and /dev/null differ
diff --git a/src/assets/game/再玩一次.webp b/src/assets/game/再玩一次.webp
new file mode 100644
index 0000000..ed3c9f5
Binary files /dev/null and b/src/assets/game/再玩一次.webp differ
diff --git a/src/assets/game/分享海报.png b/src/assets/game/分享海报.png
deleted file mode 100644
index 442b8b8..0000000
Binary files a/src/assets/game/分享海报.png and /dev/null differ
diff --git a/src/assets/game/分享海报.webp b/src/assets/game/分享海报.webp
new file mode 100644
index 0000000..819a4ee
Binary files /dev/null and b/src/assets/game/分享海报.webp differ
diff --git a/src/assets/game/右.png b/src/assets/game/右.png
deleted file mode 100644
index 543808e..0000000
Binary files a/src/assets/game/右.png and /dev/null differ
diff --git a/src/assets/game/右.webp b/src/assets/game/右.webp
new file mode 100644
index 0000000..b4e9fce
Binary files /dev/null and b/src/assets/game/右.webp differ
diff --git a/src/assets/game/完成收集.png b/src/assets/game/完成收集.png
deleted file mode 100644
index 844877b..0000000
Binary files a/src/assets/game/完成收集.png and /dev/null differ
diff --git a/src/assets/game/完成收集.webp b/src/assets/game/完成收集.webp
new file mode 100644
index 0000000..8cb9d90
Binary files /dev/null and b/src/assets/game/完成收集.webp differ
diff --git a/src/assets/game/左.png b/src/assets/game/左.png
deleted file mode 100644
index 2ab190f..0000000
Binary files a/src/assets/game/左.png and /dev/null differ
diff --git a/src/assets/game/左.webp b/src/assets/game/左.webp
new file mode 100644
index 0000000..a9d42a4
Binary files /dev/null and b/src/assets/game/左.webp differ
diff --git a/src/assets/game/床.png b/src/assets/game/床.png
deleted file mode 100644
index a408200..0000000
Binary files a/src/assets/game/床.png and /dev/null differ
diff --git a/src/assets/game/床.webp b/src/assets/game/床.webp
new file mode 100644
index 0000000..c1d9184
Binary files /dev/null and b/src/assets/game/床.webp differ
diff --git a/src/assets/game/操作提示.png b/src/assets/game/操作提示.png
deleted file mode 100644
index f933ad9..0000000
Binary files a/src/assets/game/操作提示.png and /dev/null differ
diff --git a/src/assets/game/操作提示.webp b/src/assets/game/操作提示.webp
new file mode 100644
index 0000000..5d1e99f
Binary files /dev/null and b/src/assets/game/操作提示.webp differ
diff --git a/src/assets/game/收下福利.png b/src/assets/game/收下福利.png
deleted file mode 100644
index e498981..0000000
Binary files a/src/assets/game/收下福利.png and /dev/null differ
diff --git a/src/assets/game/收下福利.webp b/src/assets/game/收下福利.webp
new file mode 100644
index 0000000..ff46155
Binary files /dev/null and b/src/assets/game/收下福利.webp differ
diff --git a/src/assets/game/柱子.png b/src/assets/game/柱子.png
deleted file mode 100644
index 53d10aa..0000000
Binary files a/src/assets/game/柱子.png and /dev/null differ
diff --git a/src/assets/game/柱子.webp b/src/assets/game/柱子.webp
new file mode 100644
index 0000000..3612dd7
Binary files /dev/null and b/src/assets/game/柱子.webp differ
diff --git a/src/assets/game/蓝天.png b/src/assets/game/蓝天.png
deleted file mode 100644
index 004be2f..0000000
Binary files a/src/assets/game/蓝天.png and /dev/null differ
diff --git a/src/assets/game/蓝天.webp b/src/assets/game/蓝天.webp
new file mode 100644
index 0000000..024c922
Binary files /dev/null and b/src/assets/game/蓝天.webp differ
diff --git a/src/assets/game/风.png b/src/assets/game/风.png
deleted file mode 100644
index ac259c9..0000000
Binary files a/src/assets/game/风.png and /dev/null differ
diff --git a/src/assets/game/风.webp b/src/assets/game/风.webp
new file mode 100644
index 0000000..7624ed6
Binary files /dev/null and b/src/assets/game/风.webp differ
diff --git a/src/assets/game/鼓风机.png b/src/assets/game/鼓风机.png
deleted file mode 100644
index 049fe66..0000000
Binary files a/src/assets/game/鼓风机.png and /dev/null differ
diff --git a/src/assets/game/鼓风机.webp b/src/assets/game/鼓风机.webp
new file mode 100644
index 0000000..1466d9c
Binary files /dev/null and b/src/assets/game/鼓风机.webp differ
diff --git a/src/assets/icons/bigicon1.png b/src/assets/icons/bigicon1.png
deleted file mode 100644
index b69214a..0000000
Binary files a/src/assets/icons/bigicon1.png and /dev/null differ
diff --git a/src/assets/icons/bigicon1.webp b/src/assets/icons/bigicon1.webp
new file mode 100644
index 0000000..56a24cb
Binary files /dev/null and b/src/assets/icons/bigicon1.webp differ
diff --git a/src/assets/icons/bigicon2.png b/src/assets/icons/bigicon2.png
deleted file mode 100644
index faf5cd0..0000000
Binary files a/src/assets/icons/bigicon2.png and /dev/null differ
diff --git a/src/assets/icons/bigicon2.webp b/src/assets/icons/bigicon2.webp
new file mode 100644
index 0000000..cd37e4e
Binary files /dev/null and b/src/assets/icons/bigicon2.webp differ
diff --git a/src/assets/icons/bigicon3.png b/src/assets/icons/bigicon3.png
deleted file mode 100644
index 648fa81..0000000
Binary files a/src/assets/icons/bigicon3.png and /dev/null differ
diff --git a/src/assets/icons/bigicon3.webp b/src/assets/icons/bigicon3.webp
new file mode 100644
index 0000000..99fd434
Binary files /dev/null and b/src/assets/icons/bigicon3.webp differ
diff --git a/src/assets/icons/bigicon4.png b/src/assets/icons/bigicon4.png
deleted file mode 100644
index 86ea9b6..0000000
Binary files a/src/assets/icons/bigicon4.png and /dev/null differ
diff --git a/src/assets/icons/bigicon4.webp b/src/assets/icons/bigicon4.webp
new file mode 100644
index 0000000..0d66a85
Binary files /dev/null and b/src/assets/icons/bigicon4.webp differ
diff --git a/src/assets/icons/bigicon5.png b/src/assets/icons/bigicon5.png
deleted file mode 100644
index 1fd0d3d..0000000
Binary files a/src/assets/icons/bigicon5.png and /dev/null differ
diff --git a/src/assets/icons/bigicon5.webp b/src/assets/icons/bigicon5.webp
new file mode 100644
index 0000000..8392bc7
Binary files /dev/null and b/src/assets/icons/bigicon5.webp differ
diff --git a/src/assets/icons/bigicon6.png b/src/assets/icons/bigicon6.png
deleted file mode 100644
index cded0df..0000000
Binary files a/src/assets/icons/bigicon6.png and /dev/null differ
diff --git a/src/assets/icons/bigicon6.webp b/src/assets/icons/bigicon6.webp
new file mode 100644
index 0000000..9783cce
Binary files /dev/null and b/src/assets/icons/bigicon6.webp differ
diff --git a/src/assets/icons/bigicon7.png b/src/assets/icons/bigicon7.png
deleted file mode 100644
index eb64eb8..0000000
Binary files a/src/assets/icons/bigicon7.png and /dev/null differ
diff --git a/src/assets/icons/bigicon7.webp b/src/assets/icons/bigicon7.webp
new file mode 100644
index 0000000..c3afbd3
Binary files /dev/null and b/src/assets/icons/bigicon7.webp differ
diff --git a/src/assets/icons/bigicon8.png b/src/assets/icons/bigicon8.png
deleted file mode 100644
index 45ac81b..0000000
Binary files a/src/assets/icons/bigicon8.png and /dev/null differ
diff --git a/src/assets/icons/bigicon8.webp b/src/assets/icons/bigicon8.webp
new file mode 100644
index 0000000..80bba23
Binary files /dev/null and b/src/assets/icons/bigicon8.webp differ
diff --git a/src/assets/icons/icon1.png b/src/assets/icons/icon1.png
deleted file mode 100644
index 6a9a5b1..0000000
Binary files a/src/assets/icons/icon1.png and /dev/null differ
diff --git a/src/assets/icons/icon1.webp b/src/assets/icons/icon1.webp
new file mode 100644
index 0000000..7bf5c17
Binary files /dev/null and b/src/assets/icons/icon1.webp differ
diff --git a/src/assets/icons/icon2.png b/src/assets/icons/icon2.png
deleted file mode 100644
index 3af6f77..0000000
Binary files a/src/assets/icons/icon2.png and /dev/null differ
diff --git a/src/assets/icons/icon2.webp b/src/assets/icons/icon2.webp
new file mode 100644
index 0000000..effecfc
Binary files /dev/null and b/src/assets/icons/icon2.webp differ
diff --git a/src/assets/icons/icon3.png b/src/assets/icons/icon3.png
deleted file mode 100644
index 5c97fa1..0000000
Binary files a/src/assets/icons/icon3.png and /dev/null differ
diff --git a/src/assets/icons/icon3.webp b/src/assets/icons/icon3.webp
new file mode 100644
index 0000000..95081aa
Binary files /dev/null and b/src/assets/icons/icon3.webp differ
diff --git a/src/assets/icons/icon4.png b/src/assets/icons/icon4.png
deleted file mode 100644
index 1357a85..0000000
Binary files a/src/assets/icons/icon4.png and /dev/null differ
diff --git a/src/assets/icons/icon4.webp b/src/assets/icons/icon4.webp
new file mode 100644
index 0000000..bb0f470
Binary files /dev/null and b/src/assets/icons/icon4.webp differ
diff --git a/src/assets/icons/icon5.png b/src/assets/icons/icon5.png
deleted file mode 100644
index 20ef30c..0000000
Binary files a/src/assets/icons/icon5.png and /dev/null differ
diff --git a/src/assets/icons/icon5.webp b/src/assets/icons/icon5.webp
new file mode 100644
index 0000000..6665ac6
Binary files /dev/null and b/src/assets/icons/icon5.webp differ
diff --git a/src/assets/icons/icon6.png b/src/assets/icons/icon6.png
deleted file mode 100644
index 1597e13..0000000
Binary files a/src/assets/icons/icon6.png and /dev/null differ
diff --git a/src/assets/icons/icon6.webp b/src/assets/icons/icon6.webp
new file mode 100644
index 0000000..61ee9fd
Binary files /dev/null and b/src/assets/icons/icon6.webp differ
diff --git a/src/assets/icons/icon7.png b/src/assets/icons/icon7.png
deleted file mode 100644
index d751d97..0000000
Binary files a/src/assets/icons/icon7.png and /dev/null differ
diff --git a/src/assets/icons/icon7.webp b/src/assets/icons/icon7.webp
new file mode 100644
index 0000000..19880fe
Binary files /dev/null and b/src/assets/icons/icon7.webp differ
diff --git a/src/assets/icons/icon8.png b/src/assets/icons/icon8.png
deleted file mode 100644
index 01cbcd1..0000000
Binary files a/src/assets/icons/icon8.png and /dev/null differ
diff --git a/src/assets/icons/icon8.webp b/src/assets/icons/icon8.webp
new file mode 100644
index 0000000..33d6030
Binary files /dev/null and b/src/assets/icons/icon8.webp differ
diff --git a/src/assets/index.ts b/src/assets/index.ts
index 87e04d4..8b40d03 100644
--- a/src/assets/index.ts
+++ b/src/assets/index.ts
@@ -1,18 +1,18 @@
 export default {
-    "标准logo": new URL('./标准 logo.png', import.meta.url).href,
+    "标准logo": new URL('./标准 logo.webp', import.meta.url).href,
     "p1": {
-        "奥莱": new URL('./p1/奥莱.png', import.meta.url).href,
-        "博物馆": new URL('./p1/博物馆.png', import.meta.url).href,
-        "大北区": new URL('./p1/大北区.png', import.meta.url).href,
-        "大东区": new URL('./p1/大东区.png', import.meta.url).href,
-        "大南区&免税": new URL('./p1/大南区&免税.png', import.meta.url).href,
-        "大西区": new URL('./p1/大西区.png', import.meta.url).href,
-        "弹性福利之旅": new URL('./p1/弹性福利之旅.png', import.meta.url).href,
-        "箭头": new URL('./p1/箭头.png', import.meta.url).href,
-        "蓝天": new URL('./p1/蓝天.png', import.meta.url).href,
-        "太阳": new URL('./p1/太阳.png', import.meta.url).href,
-        "Flexible benefits": new URL('./p1/Flexible benefits.png', import.meta.url).href,
-        "Tour": new URL('./p1/Tour.png', import.meta.url).href,
+        "奥莱": new URL('./p1/奥莱.webp', import.meta.url).href,
+        "博物馆": new URL('./p1/博物馆.webp', import.meta.url).href,
+        "大北区": new URL('./p1/大北区.webp', import.meta.url).href,
+        "大东区": new URL('./p1/大东区.webp', import.meta.url).href,
+        "大南区&免税": new URL('./p1/大南区&免税.webp', import.meta.url).href,
+        "大西区": new URL('./p1/大西区.webp', import.meta.url).href,
+        "弹性福利之旅": new URL('./p1/弹性福利之旅.webp', import.meta.url).href,
+        "箭头": new URL('./p1/箭头.webp', import.meta.url).href,
+        "蓝天": new URL('./p1/蓝天.webp', import.meta.url).href,
+        "太阳": new URL('./p1/太阳.webp', import.meta.url).href,
+        "Flexible benefits": new URL('./p1/Flexible benefits.webp', import.meta.url).href,
+        "Tour": new URL('./p1/Tour.webp', import.meta.url).href,
     },
     game:{
         
@@ -28,22 +28,23 @@ export default {
         //x, y = (484, 782) -> (786, 908)
         开始探索: new URL('./ani/开始探索.zip', import.meta.url).href,
         结尾主标: new URL('./ani/结尾主标.zip', import.meta.url).href,
-        海报: new URL('./ani/海报.zip', import.meta.url).href,
+        海报p1: new URL('./ani/海报p1.zip', import.meta.url).href,
+        海报p2: new URL('./ani/海报p2.zip', import.meta.url).href,
     },
     icons: [
-        [new URL('./icons/icon1.png', import.meta.url).href, new URL('./icons/bigicon1.png', import.meta.url).href],
-        [new URL('./icons/icon2.png', import.meta.url).href, new URL('./icons/bigicon2.png', import.meta.url).href],
-        [new URL('./icons/icon3.png', import.meta.url).href, new URL('./icons/bigicon3.png', import.meta.url).href],
-        [new URL('./icons/icon4.png', import.meta.url).href, new URL('./icons/bigicon4.png', import.meta.url).href],
-        [new URL('./icons/icon5.png', import.meta.url).href, new URL('./icons/bigicon5.png', import.meta.url).href],
-        [new URL('./icons/icon6.png', import.meta.url).href, new URL('./icons/bigicon6.png', import.meta.url).href],
-        [new URL('./icons/icon7.png', import.meta.url).href, new URL('./icons/bigicon7.png', import.meta.url).href],
-        [new URL('./icons/icon8.png', import.meta.url).href, new URL('./icons/bigicon8.png', import.meta.url).href],
+        [new URL('./icons/icon1.webp', import.meta.url).href, new URL('./icons/bigicon1.webp', import.meta.url).href],
+        [new URL('./icons/icon2.webp', import.meta.url).href, new URL('./icons/bigicon2.webp', import.meta.url).href],
+        [new URL('./icons/icon3.webp', import.meta.url).href, new URL('./icons/bigicon3.webp', import.meta.url).href],
+        [new URL('./icons/icon4.webp', import.meta.url).href, new URL('./icons/bigicon4.webp', import.meta.url).href],
+        [new URL('./icons/icon5.webp', import.meta.url).href, new URL('./icons/bigicon5.webp', import.meta.url).href],
+        [new URL('./icons/icon6.webp', import.meta.url).href, new URL('./icons/bigicon6.webp', import.meta.url).href],
+        [new URL('./icons/icon7.webp', import.meta.url).href, new URL('./icons/bigicon7.webp', import.meta.url).href],
+        [new URL('./icons/icon8.webp', import.meta.url).href, new URL('./icons/bigicon8.webp', import.meta.url).href],
     ],
     metal:[
-        [new URL('./game/metal_0.png', import.meta.url).href,],
-        [new URL('./game/metal_1.png', import.meta.url).href,],
-        [new URL('./game/metal_2.png', import.meta.url).href,]
+        [new URL('./game/metal_0.webp', import.meta.url).href,],
+        [new URL('./game/metal_1.webp', import.meta.url).href,],
+        [new URL('./game/metal_2.webp', import.meta.url).href,]
     ],
     bgm: new URL('./bgm.mp3', import.meta.url).href,
 }
diff --git a/src/assets/loader/wecare.png b/src/assets/loader/wecare.png
deleted file mode 100644
index e0b0bc3..0000000
Binary files a/src/assets/loader/wecare.png and /dev/null differ
diff --git a/src/assets/loader/wecare.webp b/src/assets/loader/wecare.webp
new file mode 100644
index 0000000..ba351d5
Binary files /dev/null and b/src/assets/loader/wecare.webp differ
diff --git a/src/assets/p1/Flexible benefits.png b/src/assets/p1/Flexible benefits.png
deleted file mode 100644
index 02fe738..0000000
Binary files a/src/assets/p1/Flexible benefits.png and /dev/null differ
diff --git a/src/assets/p1/Flexible benefits.webp b/src/assets/p1/Flexible benefits.webp
new file mode 100644
index 0000000..e21b954
Binary files /dev/null and b/src/assets/p1/Flexible benefits.webp differ
diff --git a/src/assets/p1/Tour.png b/src/assets/p1/Tour.png
deleted file mode 100644
index b09eda5..0000000
Binary files a/src/assets/p1/Tour.png and /dev/null differ
diff --git a/src/assets/p1/Tour.webp b/src/assets/p1/Tour.webp
new file mode 100644
index 0000000..8fcdf0f
Binary files /dev/null and b/src/assets/p1/Tour.webp differ
diff --git a/src/assets/p1/博物馆.png b/src/assets/p1/博物馆.png
deleted file mode 100644
index baf0aa8..0000000
Binary files a/src/assets/p1/博物馆.png and /dev/null differ
diff --git a/src/assets/p1/博物馆.webp b/src/assets/p1/博物馆.webp
new file mode 100644
index 0000000..2bfb22e
Binary files /dev/null and b/src/assets/p1/博物馆.webp differ
diff --git a/src/assets/p1/大东区.png b/src/assets/p1/大东区.png
deleted file mode 100644
index c6b3cc0..0000000
Binary files a/src/assets/p1/大东区.png and /dev/null differ
diff --git a/src/assets/p1/大东区.webp b/src/assets/p1/大东区.webp
new file mode 100644
index 0000000..80a51e6
Binary files /dev/null and b/src/assets/p1/大东区.webp differ
diff --git a/src/assets/p1/大北区.png b/src/assets/p1/大北区.png
deleted file mode 100644
index d66b93e..0000000
Binary files a/src/assets/p1/大北区.png and /dev/null differ
diff --git a/src/assets/p1/大北区.webp b/src/assets/p1/大北区.webp
new file mode 100644
index 0000000..a0fa388
Binary files /dev/null and b/src/assets/p1/大北区.webp differ
diff --git a/src/assets/p1/大南区&免税.png b/src/assets/p1/大南区&免税.png
deleted file mode 100644
index 2edee14..0000000
Binary files a/src/assets/p1/大南区&免税.png and /dev/null differ
diff --git a/src/assets/p1/大南区&免税.webp b/src/assets/p1/大南区&免税.webp
new file mode 100644
index 0000000..772ebac
Binary files /dev/null and b/src/assets/p1/大南区&免税.webp differ
diff --git a/src/assets/p1/大西区.png b/src/assets/p1/大西区.png
deleted file mode 100644
index be516f5..0000000
Binary files a/src/assets/p1/大西区.png and /dev/null differ
diff --git a/src/assets/p1/大西区.webp b/src/assets/p1/大西区.webp
new file mode 100644
index 0000000..c5348b1
Binary files /dev/null and b/src/assets/p1/大西区.webp differ
diff --git a/src/assets/p1/太阳.png b/src/assets/p1/太阳.png
deleted file mode 100644
index b9136d3..0000000
Binary files a/src/assets/p1/太阳.png and /dev/null differ
diff --git a/src/assets/p1/太阳.webp b/src/assets/p1/太阳.webp
new file mode 100644
index 0000000..d8635e8
Binary files /dev/null and b/src/assets/p1/太阳.webp differ
diff --git a/src/assets/p1/太阳脸.png b/src/assets/p1/太阳脸.png
deleted file mode 100644
index 572a6e9..0000000
Binary files a/src/assets/p1/太阳脸.png and /dev/null differ
diff --git a/src/assets/p1/太阳脸.webp b/src/assets/p1/太阳脸.webp
new file mode 100644
index 0000000..2d8b8bd
Binary files /dev/null and b/src/assets/p1/太阳脸.webp differ
diff --git a/src/assets/p1/奥莱.png b/src/assets/p1/奥莱.png
deleted file mode 100644
index 893dee7..0000000
Binary files a/src/assets/p1/奥莱.png and /dev/null differ
diff --git a/src/assets/p1/奥莱.webp b/src/assets/p1/奥莱.webp
new file mode 100644
index 0000000..2f98e6d
Binary files /dev/null and b/src/assets/p1/奥莱.webp differ
diff --git a/src/assets/p1/开始探索.png b/src/assets/p1/开始探索.png
deleted file mode 100644
index 5ce6a20..0000000
Binary files a/src/assets/p1/开始探索.png and /dev/null differ
diff --git a/src/assets/p1/开始探索.webp b/src/assets/p1/开始探索.webp
new file mode 100644
index 0000000..ed4fa34
Binary files /dev/null and b/src/assets/p1/开始探索.webp differ
diff --git a/src/assets/p1/弹性福利之旅.png b/src/assets/p1/弹性福利之旅.png
deleted file mode 100644
index 7b08cfe..0000000
Binary files a/src/assets/p1/弹性福利之旅.png and /dev/null differ
diff --git a/src/assets/p1/弹性福利之旅.webp b/src/assets/p1/弹性福利之旅.webp
new file mode 100644
index 0000000..b3507a0
Binary files /dev/null and b/src/assets/p1/弹性福利之旅.webp differ
diff --git a/src/assets/p1/箭头.png b/src/assets/p1/箭头.png
deleted file mode 100644
index e42ac83..0000000
Binary files a/src/assets/p1/箭头.png and /dev/null differ
diff --git a/src/assets/p1/箭头.webp b/src/assets/p1/箭头.webp
new file mode 100644
index 0000000..85eae34
Binary files /dev/null and b/src/assets/p1/箭头.webp differ
diff --git a/src/assets/p1/蓝天.png b/src/assets/p1/蓝天.png
deleted file mode 100644
index b523b04..0000000
Binary files a/src/assets/p1/蓝天.png and /dev/null differ
diff --git a/src/assets/p1/蓝天.webp b/src/assets/p1/蓝天.webp
new file mode 100644
index 0000000..670beee
Binary files /dev/null and b/src/assets/p1/蓝天.webp differ
diff --git a/src/assets/p1/请填写你的名字.png b/src/assets/p1/请填写你的名字.png
deleted file mode 100644
index 6fb9489..0000000
Binary files a/src/assets/p1/请填写你的名字.png and /dev/null differ
diff --git a/src/assets/p1/请填写你的名字.webp b/src/assets/p1/请填写你的名字.webp
new file mode 100644
index 0000000..6d8fb8b
Binary files /dev/null and b/src/assets/p1/请填写你的名字.webp differ
diff --git a/src/assets/p1/输入框.png b/src/assets/p1/输入框.png
deleted file mode 100644
index 0299b6f..0000000
Binary files a/src/assets/p1/输入框.png and /dev/null differ
diff --git a/src/assets/p1/输入框.webp b/src/assets/p1/输入框.webp
new file mode 100644
index 0000000..115dac3
Binary files /dev/null and b/src/assets/p1/输入框.webp differ
diff --git a/src/assets/关掉音乐.png b/src/assets/关掉音乐.png
deleted file mode 100644
index 4e0b983..0000000
Binary files a/src/assets/关掉音乐.png and /dev/null differ
diff --git a/src/assets/关掉音乐.webp b/src/assets/关掉音乐.webp
new file mode 100644
index 0000000..accdbc8
Binary files /dev/null and b/src/assets/关掉音乐.webp differ
diff --git a/src/assets/开启音乐.png b/src/assets/开启音乐.png
deleted file mode 100644
index fd1e5ee..0000000
Binary files a/src/assets/开启音乐.png and /dev/null differ
diff --git a/src/assets/开启音乐.webp b/src/assets/开启音乐.webp
new file mode 100644
index 0000000..965d08c
Binary files /dev/null and b/src/assets/开启音乐.webp differ
diff --git a/src/assets/标准 logo.png b/src/assets/标准 logo.png
deleted file mode 100644
index 1244054..0000000
Binary files a/src/assets/标准 logo.png and /dev/null differ
diff --git a/src/assets/标准 logo.webp b/src/assets/标准 logo.webp
new file mode 100644
index 0000000..163ccc9
Binary files /dev/null and b/src/assets/标准 logo.webp differ
diff --git a/src/assets/返回按钮.png b/src/assets/返回按钮.png
deleted file mode 100644
index f4d1c1b..0000000
Binary files a/src/assets/返回按钮.png and /dev/null differ
diff --git a/src/assets/返回按钮.webp b/src/assets/返回按钮.webp
new file mode 100644
index 0000000..c28f417
Binary files /dev/null and b/src/assets/返回按钮.webp differ
diff --git a/src/pages/Game.vue b/src/pages/Game.vue
index edce602..b62a9c4 100644
--- a/src/pages/Game.vue
+++ b/src/pages/Game.vue
@@ -724,13 +724,13 @@ function resetGame() {
     emit('restart')
 }
 
-const posterHasChangedToPage2 = ref(false);
+/*  const posterHasChangedToPage2 = ref(false);
 const posterAni = useTemplateRef('gui-ani-end-post');
 watch(posterHasChangedToPage2, (newVal) => {
     if (newVal) {
         posterAni.value?.jumpTo('p2');
     }
-});
+}); 
 
 let hasSwapX = 0
 function posterSwap(e: PointerEvent) {
@@ -741,7 +741,7 @@ function posterSwap(e: PointerEvent) {
             posterHasChangedToPage2.value = true;
         }
     }
-}
+} */
 </script>
 
 <template>
@@ -749,7 +749,7 @@ function posterSwap(e: PointerEvent) {
 
         <div class="public">
 
-            <img src="../assets/game/床.png" alt="" class="abs bed"
+            <img src="../assets/game/床.webp" alt="" class="abs bed"
                 style="width: 66vw;bottom: 12%;left: 17%;">
 
             <AniEle :url="assets.ani.下拉蓄力提示" ref="shoot-notice" :height="334"
@@ -780,17 +780,18 @@ function posterSwap(e: PointerEvent) {
         </div>
 
         <div v-if="canAction && !showLastPage">
-            <img src="../assets/game/鼓风机.png" class="abs p-machine"
+            <img src="../assets/game/鼓风机.webp" class="abs p-machine"
                 style="bottom: -40%; width: 66vw; left: 17%; transform-origin: 50% 63%; transition: all 0.2s;"
                 :style="{ transform: `rotate(${gDeg}deg)` }" />
             <div class="action">
                 <img draggable="false" :style="{ animationDelay: '0.1s' }"
-                    src="../assets/game/左.png" alt="" @click="gToggle('left')">
+                    src="../assets/game/左.webp" alt="" @click="gToggle('left')">
                 <img draggable="false" :style="{ animationDelay: '0.2s' }"
-                    src="../assets/game/中.png" alt=""
+                    src="../assets/game/中.webp" alt=""
                     @click="gToggle('center')">
                 <img draggable="false" :style="{ animationDelay: '0.0s' }"
-                    src="../assets/game/右.png" alt="" @click="gToggle('right')">
+                    src="../assets/game/右.webp" alt=""
+                    @click="gToggle('right')">
             </div>
 
             <img class="abs gift-item" v-for="(gift, index) in giftList"
@@ -800,10 +801,10 @@ function posterSwap(e: PointerEvent) {
                 }" alt=""
                 :class="{ show: giftProgress == index, hide: giftProgress != index }">
 
-            <img src="../assets//game/操作提示.png" class="abs prompt" alt=""
+            <img src="../assets//game/操作提示.webp" class="abs prompt" alt=""
                 style="width: 31%; bottom: 18%; left: 34%; ">
-            <img src="../assets/game/风.png" alt="" class="abs wind">
-            <img src="../assets/game/wecare.png" alt="" class="abs wecare"
+            <img src="../assets/game/风.webp" alt="" class="abs wind">
+            <img src="../assets/game/wecare.webp" alt="" class="abs wecare"
                 style="width: 24vw;
             left: 50%; top: 6%; transform: translateX(-50%);">
             <div class="dot" v-if="!isGameEnd">
@@ -824,11 +825,11 @@ function posterSwap(e: PointerEvent) {
                     animationDelay: `${icon.delay}ms`,
                 }">
             </div>
-            <img src="../assets/game/wecare.png" alt="" class="abs wecare"
+            <img src="../assets/game/wecare.webp" alt="" class="abs wecare"
                 style="width: 24vw;
             left: 50%; top: 6%; transform: translateX(-50%);">
 
-            <img src="../assets/game/wecare标题.png" alt=""
+            <img src="../assets/game/wecare标题.webp" alt=""
                 class="abs wecare-title" style="width: 72%;left: 14%;top: 12%;">
 
 
@@ -869,7 +870,7 @@ function posterSwap(e: PointerEvent) {
                     style="width: 100%; height: auto;" />
             </div>
 
-            <img src="../assets/game/完成收集.png" alt="" v-if="showScore"
+            <img src="../assets/game/完成收集.webp" alt="" v-if="showScore"
                 class="finish-collect abs" @click.once="finishCollect"
                 style="bottom: 8%;left: 33%;width: 34vw;animation: scale-in 0.3s ease-out;pointer-events: all;">
 
@@ -884,24 +885,31 @@ function posterSwap(e: PointerEvent) {
                 ref="main-logo" />
             <div class="poster-container" @pointermove="posterSwap"
                 style="position: absolute;top: 29.3%;left: 37.2%;width: 57.3%; height: 38%; overflow: hidden;pointer-events: all;">
-                <AniEle :url="assets.ani.海报" ref="gui-ani-end-post"
-                    style="width: 100%;" class="gui-ani-end-post" :height="940"
-                    :width="671" :rules="[
-                        { name: 'p1', frame: 32, loop: 1, pauseAfter: true, duration: 33 },
-                        { name: 'p2', frame: 46, loop: 1, pauseAfter: true, duration: 33 },
-                    ]" />
+                <div class="poster-wrapper"
+                    style="width: 200%; height: 100%; position: relative; overflow-x: scroll; display: flex; ">
+                    <AniEle :url="assets.ani.海报p1" ref="gui-ani-end-post-p1"
+                        style="width: 100%;" class="gui-ani-end-post"
+                        :height="940" :width="671" :rules="[
+                            { name: 'p1', frame: 32, loop: 1, pauseAfter: true, duration: 33 },
+                        ]" />
+                    <AniEle :url="assets.ani.海报p2" ref="gui-ani-end-post-p2"
+                        style="width: 100%;" class="gui-ani-end-post"
+                        :height="940" :width="671" :rules="[
+                            { name: 'p2', frame: 32, loop: 1, pauseAfter: true, duration: 33 },
+                        ]" />
+                </div>
             </div>
             <AniEle :url="assets.ani.线" ref="gui-ani-end" class="gui-ani-end"
                 :height="2462" :width="1179" :rules="[
                     { name: 'all', frame: 54, loop: 1, pauseAfter: false, duration: 16 },
                 ]"
                 style="width: 100%; height: auto;position: absolute;inset: 0;pointer-events: none;" />
-            <img src="../assets/game/床.png" alt="" class="abs last-bed"
+            <img src="../assets/game/床.webp" alt="" class="abs last-bed"
                 style="width: 66vw;bottom: -19%;left: 17%;">
 
-            <img src="../assets/game/分享海报.png" alt="" class="abs"
+            <img src="../assets/game/分享海报.webp" alt="" class="abs"
                 style="width: 34vw;bottom: -19%;left: 15%;animation: last-btn-in 0.3s ease-out forwards; cursor: pointer; pointer-events: all;">
-            <img src="../assets/game/再玩一次.png" alt="" class="abs"
+            <img src="../assets/game/再玩一次.webp" alt="" class="abs"
                 @click="resetGame"
                 style="width: 34vw;bottom: -19%;left: 51%;animation: last-btn-in 0.3s ease-out forwards; cursor: pointer; animation-delay: 200ms; pointer-events: all;">
 
@@ -941,7 +949,7 @@ function posterSwap(e: PointerEvent) {
         <div v-if="giftShow" class="gift-popup">
             <img :src="giftList[giftProgress][1]" alt="" class="abs"
                 style="width: 82%; left: 9%; top: 11%;">
-            <img src="../assets/game/收下福利.png" alt="" class="abs"
+            <img src="../assets/game/收下福利.webp" alt="" class="abs"
                 style="width: 14%; left: 43%; top: 54%;" @click="gameLoop()">
         </div>
 
@@ -1073,18 +1081,18 @@ function posterSwap(e: PointerEvent) {
 
         &.first {
             top: 3vw;
-            background-image: url('../assets/game/first.png');
+            background-image: url('../assets/game/first.webp');
             animation-delay: 0ms;
         }
 
         &.second {
-            background-image: url('../assets/game/second.png');
+            background-image: url('../assets/game/second.webp');
             animation-delay: 250ms;
             top: 9vw;
         }
 
         &.third {
-            background-image: url('../assets/game/third.png');
+            background-image: url('../assets/game/third.webp');
             animation-delay: 500ms;
             top: 9vw;
         }
diff --git a/src/pages/Loader.vue b/src/pages/Loader.vue
index 1549faa..8191ea0 100644
--- a/src/pages/Loader.vue
+++ b/src/pages/Loader.vue
@@ -79,7 +79,7 @@ const emit = defineEmits(['loaded']);
 
 <template>
     <div class="loader-container">
-        <img src="../assets/loader/wecare.png" alt=""
+        <img src="../assets/loader/wecare.webp" alt=""
             style="position: absolute; left: 50%; top:40%; transform: translateX(-50%); width: 40vw; ">
 
 
diff --git a/src/pages/Page1.vue b/src/pages/Page1.vue
index 7816eef..7ecbed1 100644
--- a/src/pages/Page1.vue
+++ b/src/pages/Page1.vue
@@ -372,7 +372,7 @@ onUnmounted(() => {
                     </div>
                 </div>
                 <img class="input-your-name-notice"
-                    src="../assets/p1/请填写你的名字.png" alt=""
+                    src="../assets/p1/请填写你的名字.webp" alt=""
                     v-if="noticeToInputName">
 
                 <AniEle :url="assets.ani.开始探索" :width="548" :height="143"
@@ -381,7 +381,7 @@ onUnmounted(() => {
                 </AniEle>
             </div>
 
-            <img src="../assets/返回按钮.png" alt="返回"
+            <img src="../assets/返回按钮.webp" alt="返回"
                 @click="goBackToRegionSelection" class="back-button" />
         </div>
     </section>
@@ -606,7 +606,7 @@ img {
     width: 100%;
     padding: 2vw 0;
     font-size: 4.5vw;
-    background: transparent url('../assets/p1/输入框.png') center / contain no-repeat;
+    background: transparent url('../assets/p1/输入框.webp') center / contain no-repeat;
     border: none;
     outline: none;
     color: #333;
diff --git a/src/webp.py b/src/webp.py
new file mode 100644
index 0000000..d0acb1a
--- /dev/null
+++ b/src/webp.py
@@ -0,0 +1,37 @@
+import os
+import subprocess
+
+def convert_png_to_webp():
+    png_files = []
+    
+    # 递归遍历当前目录及所有子目录
+    for root, dirs, files in os.walk('.'):
+        for file in files:
+            if file.lower().endswith('.png'):
+                png_files.append(os.path.join(root, file))
+    
+    if not png_files:
+        print("当前目录及子目录下没有找到PNG文件。")
+        return
+    
+    print(f"找到 {len(png_files)} 个PNG文件，开始转换...")
+    
+    # 遍历并转换每个PNG文件
+    for png_file in png_files:
+        # 构建输出文件名（替换扩展名为.webp）
+        webp_file = os.path.splitext(png_file)[0] + '.webp'
+        
+        # 构建ffmpeg命令，设置压缩质量为80%（可以根据需要调整）
+        cmd = ['ffmpeg', '-i', png_file, '-c:v', 'libwebp', '-quality', '80', webp_file]
+        
+        try:
+            print(f"正在转换: {png_file} -> {webp_file}")
+            subprocess.run(cmd, check=True)
+            print(f"成功转换: {webp_file}")
+        except subprocess.CalledProcessError as e:
+            print(f"转换失败: {png_file}, 错误: {e}")
+    
+    print("转换完成!")
+
+if __name__ == "__main__":
+    convert_png_to_webp()
\ No newline at end of file