chore: convert images to AVIF (#417)

This commit is contained in:
Typed SIGTERM
2025-08-25 00:12:24 +08:00
committed by GitHub
parent 5917783670
commit 12a24725bd
27 changed files with 10 additions and 14 deletions
-1
View File
@@ -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> ...
```
Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 MiB

@@ -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'
Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

@@ -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/).
Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

+2 -2
View File
@@ -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>
Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 323 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 132 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

@@ -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:
@@ -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
@@ -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)
我们还在系统托盘中提供了其他选项/命令,包括:
-1
View File
@@ -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": {
+1
View File
@@ -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"