pref: optimize png to webp

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

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)

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>
     <!-- 交互栏目 -->

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>