diff --git a/index.html b/index.html
index 18421aa5..9d1bd960 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <link
       rel="icon"
       type="image/svg+xml"
-      href="/src/assets/images/favicon.png"
+      href="/src/assets/images/favicon.webp"
     />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta
diff --git a/src/assets/images/alert/あーちゃん.png b/src/assets/images/alert/あーちゃん.png
deleted file mode 100644
index 3e8d85c6..00000000
Binary files a/src/assets/images/alert/あーちゃん.png and /dev/null differ
diff --git a/src/assets/images/alert/あーちゃん.webp b/src/assets/images/alert/あーちゃん.webp
new file mode 100644
index 00000000..c9be8fb8
Binary files /dev/null and b/src/assets/images/alert/あーちゃん.webp differ
diff --git a/src/assets/images/alert/こじかひわ.png b/src/assets/images/alert/こじかひわ.png
deleted file mode 100644
index 8f85b321..00000000
Binary files a/src/assets/images/alert/こじかひわ.png and /dev/null differ
diff --git a/src/assets/images/alert/こじかひわ.webp b/src/assets/images/alert/こじかひわ.webp
new file mode 100644
index 00000000..0121c7e0
Binary files /dev/null and b/src/assets/images/alert/こじかひわ.webp differ
diff --git a/src/assets/images/alert/雪々.png b/src/assets/images/alert/雪々.png
deleted file mode 100644
index aa7e05c8..00000000
Binary files a/src/assets/images/alert/雪々.png and /dev/null differ
diff --git a/src/assets/images/alert/雪々.webp b/src/assets/images/alert/雪々.webp
new file mode 100644
index 00000000..20e586b5
Binary files /dev/null and b/src/assets/images/alert/雪々.webp differ
diff --git a/src/assets/images/favicon.png b/src/assets/images/favicon.png
deleted file mode 100644
index a4ae6aa1..00000000
Binary files a/src/assets/images/favicon.png and /dev/null differ
diff --git a/src/assets/images/favicon.webp b/src/assets/images/favicon.webp
new file mode 100644
index 00000000..c069ee47
Binary files /dev/null and b/src/assets/images/favicon.webp differ
diff --git a/src/components/alert/loli.ts b/src/components/alert/loli.ts
index 0582ffb5..8c72ecfe 100644
--- a/src/components/alert/loli.ts
+++ b/src/components/alert/loli.ts
@@ -2,7 +2,7 @@
 import { randomNum } from '@/utils/random'
 // 获取本地图片文件，注意这里不能用 @ 作为基础路径，只能用 ..
 const getAssetsFile = (name: string) => {
-  return new URL(`../../assets/images/alert/${name}.png`, import.meta.url).href
+  return new URL(`../../assets/images/alert/${name}.webp`, import.meta.url).href
 }
 
 const number = randomNum(0, 2)
diff --git a/src/components/top-bar/Hamburger.vue b/src/components/top-bar/Hamburger.vue
index d3bec811..00701469 100644
--- a/src/components/top-bar/Hamburger.vue
+++ b/src/components/top-bar/Hamburger.vue
@@ -15,7 +15,7 @@ defineEmits(['showKUNGalgameHamburger'])
   <!-- 总容器 -->
   <div class="container">
     <div class="kungalgame">
-      <img src="../../assets/images/favicon.png" alt="KUNGalgame" />
+      <img src="@/assets/images/favicon.webp" alt="KUNGalgame" />
       <span>{{ $tm('header.name') }}</span>
     </div>
     <!-- 交互栏目 -->
diff --git a/src/components/top-bar/KUNGalgameTopBar.vue b/src/components/top-bar/KUNGalgameTopBar.vue
index 554a043a..0072086d 100644
--- a/src/components/top-bar/KUNGalgameTopBar.vue
+++ b/src/components/top-bar/KUNGalgameTopBar.vue
@@ -62,7 +62,7 @@ onBeforeRouteLeave(() => {
       <div class="kungalgame">
         <!-- 网站的名字和网站图标 -->
         <RouterLink to="/kun">
-          <img src="@/assets/images/favicon.png" alt="KUNgal" />
+          <img src="@/assets/images/favicon.webp" alt="KUNgal" />
         </RouterLink>
         <RouterLink to="/kun">
           <span>{{ $tm('header.name') }}</span>