diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
index 17a18fc86..06b551833 100644
--- a/.github/CONTRIBUTING.md
+++ b/.github/CONTRIBUTING.md
@@ -308,7 +308,6 @@ pnpm lint && pnpm typecheck
 If you are committing images, consider using AVIF format instead of PNG, JPG etc. You can convert existing images to AVIF by running:
 
 ```shell
-cd docs
 pnpm to-avif <PATH_TO_IMAGE_OR_DIRECTORY1> <PATH_2> <PATH_3> ...
 ```
 
diff --git a/apps/stage-web/src/assets/backgrounds/fairy-forest.e17cbc2774.ko-fi.com.avif b/apps/stage-web/src/assets/backgrounds/fairy-forest.e17cbc2774.ko-fi.com.avif
new file mode 100644
index 000000000..4fc190fe5
Binary files /dev/null and b/apps/stage-web/src/assets/backgrounds/fairy-forest.e17cbc2774.ko-fi.com.avif differ
diff --git a/apps/stage-web/src/assets/backgrounds/fairy-forest.e17cbc2774.ko-fi.com.png b/apps/stage-web/src/assets/backgrounds/fairy-forest.e17cbc2774.ko-fi.com.png
deleted file mode 100644
index 204285790..000000000
Binary files a/apps/stage-web/src/assets/backgrounds/fairy-forest.e17cbc2774.ko-fi.com.png and /dev/null differ
diff --git a/apps/stage-web/src/pages/devtools/background-gradient-blending.vue b/apps/stage-web/src/pages/devtools/background-gradient-blending.vue
index f9833a489..26635de94 100644
--- a/apps/stage-web/src/pages/devtools/background-gradient-blending.vue
+++ b/apps/stage-web/src/pages/devtools/background-gradient-blending.vue
@@ -8,7 +8,7 @@ import { average } from 'culori'
 import { Vibrant } from 'node-vibrant/browser'
 import { computed, nextTick, onMounted, onUnmounted, ref, useTemplateRef, watch } from 'vue'
 
-import defaultBackgroundImage from '../../assets/backgrounds/fairy-forest.e17cbc2774.ko-fi.com.png'
+import defaultBackgroundImage from '../../assets/backgrounds/fairy-forest.e17cbc2774.ko-fi.com.avif'
 
 import { useThemeColor } from '../../composables/theme-color'
 
diff --git a/docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-gelnana-from-elpsycongrooblog.avif b/docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-gelnana-from-elpsycongrooblog.avif
new file mode 100644
index 000000000..29b903a08
Binary files /dev/null and b/docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-gelnana-from-elpsycongrooblog.avif differ
diff --git a/docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-gelnana-from-elpsycongrooblog.webp b/docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-gelnana-from-elpsycongrooblog.webp
deleted file mode 100644
index 1d38c1c65..000000000
Binary files a/docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-gelnana-from-elpsycongrooblog.webp and /dev/null differ
diff --git a/docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-mayori.avif b/docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-mayori.avif
new file mode 100644
index 000000000..af8b2cbb8
Binary files /dev/null and b/docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-mayori.avif differ
diff --git a/docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-mayori.webp b/docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-mayori.webp
deleted file mode 100644
index 5247ac8e9..000000000
Binary files a/docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-mayori.webp and /dev/null differ
diff --git a/docs/content/en/blog/DevLog-2025.03.20/index.md b/docs/content/en/blog/DevLog-2025.03.20/index.md
index 8f25187dd..05dd88515 100644
--- a/docs/content/en/blog/DevLog-2025.03.20/index.md
+++ b/docs/content/en/blog/DevLog-2025.03.20/index.md
@@ -5,7 +5,7 @@ date: 2025-03-20
 ---
 
 <script setup>
-import Gelbana from './assets/steins-gate-gelnana-from-elpsycongrooblog.webp'
+import Gelbana from './assets/steins-gate-gelnana-from-elpsycongrooblog.avif'
 import NewUIV3 from '../DevLog-2025.03.10/assets/new-ui-v3.avif'
 import NewUIV3Dark from '../DevLog-2025.03.10/assets/new-ui-v3-dark.avif'
 import HistoireColorSlider from './assets/histoire-color-slider.avif'
@@ -14,7 +14,7 @@ import HistoireLogo from './assets/histoire-logo.avif'
 import HistoireLogoDark from './assets/histoire-logo-dark.avif'
 import NewUIV4Speech from './assets/new-ui-v4-speech.avif'
 import NewUIV4SpeechDark from './assets/new-ui-v4-speech-dark.avif'
-import SteinsGateMayori from './assets/steins-gate-mayori.webp'
+import SteinsGateMayori from './assets/steins-gate-mayori.avif'
 </script>
 
 Hello again! It has been 10 days since the [last post of DevLog](../references/contributing/guide/).
diff --git a/docs/content/en/blog/DevLog-2025.08.05/assets/airi-vrm.avif b/docs/content/en/blog/DevLog-2025.08.05/assets/airi-vrm.avif
new file mode 100644
index 000000000..d191a6470
Binary files /dev/null and b/docs/content/en/blog/DevLog-2025.08.05/assets/airi-vrm.avif differ
diff --git a/docs/content/en/blog/DevLog-2025.08.05/assets/airi-vrm.png b/docs/content/en/blog/DevLog-2025.08.05/assets/airi-vrm.png
deleted file mode 100644
index 62f4f8a13..000000000
Binary files a/docs/content/en/blog/DevLog-2025.08.05/assets/airi-vrm.png and /dev/null differ
diff --git a/docs/content/en/blog/DreamLog-0x1/assets/dreamlog1-dark.avif b/docs/content/en/blog/DreamLog-0x1/assets/dreamlog1-dark.avif
new file mode 100644
index 000000000..1716349a1
Binary files /dev/null and b/docs/content/en/blog/DreamLog-0x1/assets/dreamlog1-dark.avif differ
diff --git a/docs/content/en/blog/DreamLog-0x1/assets/dreamlog1-dark.png b/docs/content/en/blog/DreamLog-0x1/assets/dreamlog1-dark.png
deleted file mode 100644
index 6abc71950..000000000
Binary files a/docs/content/en/blog/DreamLog-0x1/assets/dreamlog1-dark.png and /dev/null differ
diff --git a/docs/content/en/blog/DreamLog-0x1/assets/dreamlog1-light.avif b/docs/content/en/blog/DreamLog-0x1/assets/dreamlog1-light.avif
new file mode 100644
index 000000000..ffb780e89
Binary files /dev/null and b/docs/content/en/blog/DreamLog-0x1/assets/dreamlog1-light.avif differ
diff --git a/docs/content/en/blog/DreamLog-0x1/assets/dreamlog1-light.png b/docs/content/en/blog/DreamLog-0x1/assets/dreamlog1-light.png
deleted file mode 100644
index 14dcd314e..000000000
Binary files a/docs/content/en/blog/DreamLog-0x1/assets/dreamlog1-light.png and /dev/null differ
diff --git a/docs/content/en/blog/DreamLog-0x1/index.md b/docs/content/en/blog/DreamLog-0x1/index.md
index 806d60fc4..451a97552 100644
--- a/docs/content/en/blog/DreamLog-0x1/index.md
+++ b/docs/content/en/blog/DreamLog-0x1/index.md
@@ -5,8 +5,8 @@ category: DreamLog
 date: 2025-06-16
 excerpt: 'The backstory of Project AIRI! Why this project?'
 preview-cover:
-  light: "@assets('./assets/dreamlog1-light.png')"
-  dark: "@assets('./assets/dreamlog1-dark.png')"
+  light: "@assets('./assets/dreamlog1-light.avif')"
+  dark: "@assets('./assets/dreamlog1-dark.avif')"
 ---
 
 <script setup>
diff --git a/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-system-tray.avif b/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-system-tray.avif
new file mode 100644
index 000000000..8072f828f
Binary files /dev/null and b/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-system-tray.avif differ
diff --git a/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-system-tray.png b/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-system-tray.png
deleted file mode 100644
index 3082c7e15..000000000
Binary files a/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-system-tray.png and /dev/null differ
diff --git a/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-ui.avif b/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-ui.avif
new file mode 100644
index 000000000..a14aef271
Binary files /dev/null and b/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-ui.avif differ
diff --git a/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-ui.png b/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-ui.png
deleted file mode 100644
index 07331ad32..000000000
Binary files a/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-ui.png and /dev/null differ
diff --git a/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-window-mode.avif b/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-window-mode.avif
new file mode 100644
index 000000000..8c9298d4d
Binary files /dev/null and b/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-window-mode.avif differ
diff --git a/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-window-mode.png b/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-window-mode.png
deleted file mode 100644
index 8a8aeca0f..000000000
Binary files a/docs/content/en/docs/overview/guide/tamagotchi/assets/screenshot-window-mode.png and /dev/null differ
diff --git a/docs/content/en/docs/overview/guide/tamagotchi/index.md b/docs/content/en/docs/overview/guide/tamagotchi/index.md
index 5e86bb4a9..2157c7b18 100644
--- a/docs/content/en/docs/overview/guide/tamagotchi/index.md
+++ b/docs/content/en/docs/overview/guide/tamagotchi/index.md
@@ -54,7 +54,7 @@ After downloaded, start AIRI from anywhere. You will see the user interface cons
 - Onboarding / Wizard setup guide
 - Model (capable of showing Live2D & VRM models)
 
-![](./assets/screenshot-ui.png)
+![](./assets/screenshot-ui.avif)
 
 We have other options/commands in the system tray, including:
 
diff --git a/docs/content/zh-Hans/blog/DreamLog-0x1/index.md b/docs/content/zh-Hans/blog/DreamLog-0x1/index.md
index e375ae2f3..cb5e47120 100644
--- a/docs/content/zh-Hans/blog/DreamLog-0x1/index.md
+++ b/docs/content/zh-Hans/blog/DreamLog-0x1/index.md
@@ -4,8 +4,8 @@ description: 'Project AIRI 的幕后故事！'
 date: '2025-06-16'
 excerpt: 'Project AIRI 的幕后故事！以及为什么我们会想要制作如此一个项目？'
 preview-cover:
-  light: '../../../en/blog/DreamLog-0x1/assets/dreamlog1-light.png'
-  dark: '../../../en/blog/DreamLog-0x1/assets/dreamlog1-dark.png'
+  light: "@assets('../../../en/blog/DreamLog-0x1/assets/dreamlog1-light.avif')"
+  dark: "@assets('../../../en/blog/DreamLog-0x1/assets/dreamlog1-dark.avif')"
 ---
 
 <script setup>
@@ -19,9 +19,6 @@ import airisScreenshot1 from '../../../en/blog/DreamLog-0x1/assets/airis-screens
 import projectAIRIBannerLight from '../../../en/blog/DreamLog-0x1/assets/banner-light-1280x640.avif';
 import projectAIRIBannerDark from '../../../en/blog/DreamLog-0x1/assets/banner-dark-1280x640.avif';
 import ReLUStickerWow from '../../../en/blog/DreamLog-0x1/assets/relu-sticker-wow.avif'
-
-import '../../../en/blog/DreamLog-0x1/assets/dreamlog1-light.png'
-import '../../../en/blog/DreamLog-0x1/assets/dreamlog1-dark.png'
 </script>
 
 哈啰，又是我，Neko！
diff --git a/docs/content/zh-Hans/docs/overview/guide/tamagotchi/index.md b/docs/content/zh-Hans/docs/overview/guide/tamagotchi/index.md
index 6054185ab..ed3821499 100644
--- a/docs/content/zh-Hans/docs/overview/guide/tamagotchi/index.md
+++ b/docs/content/zh-Hans/docs/overview/guide/tamagotchi/index.md
@@ -54,7 +54,7 @@ description: 如何使用桌面版的 Project AIRI
 - 新手引导 / 设置向导
 - 模型（可显示 Live2D 和 VRM 模型）
 
-![](../../../../../en/docs/overview/guide/tamagotchi/assets/screenshot-ui.png)
+![](../../../../../en/docs/overview/guide/tamagotchi/assets/screenshot-ui.avif)
 
 我们还在系统托盘中提供了其他选项/命令，包括：
 
diff --git a/docs/package.json b/docs/package.json
index d5b53c778..22be570dd 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -9,7 +9,6 @@
     "dev": "vitepress dev",
     "preview": "vitepress preview",
     "typecheck": "vue-tsc --noEmit",
-    "to-avif": "tsx scripts/avif.ts",
     "contributors": "tsx scripts/update-contributors.ts"
   },
   "dependencies": {
diff --git a/package.json b/package.json
index 873d02490..96842f415 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
     "lint": "eslint --cache .",
     "lint:fix": "eslint --cache --fix .",
     "lint:rust": "cargo fmt --check && cargo clippy --workspace",
+    "to-avif": "tsx docs/scripts/avif.ts",
     "typecheck": "pnpm -rF=\"./packages/*\" -F=\"./apps/*\" -F=\"./docs\" --parallel typecheck",
     "up": "taze -w -r -I -f && pnpm prune && pnpm dedupe",
     "nolyfill": "pnpm dlx nolyfill"