padreug/chateaudufaune.ariege.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor(assets): swap cosmic-stag PNG/WebP → AVIF

Browse source 
Replace the WebP cosmic-stag with an AVIF version that has cleaner
transparency. AVIF support is universal across the browsers we target
(Chrome ≥85, Firefox ≥93, Safari ≥16, Edge ≥121). Asset is ~92% the
size of the WebP it replaces.

Updates the four import sites: index.html favicon, SiteHeader logo,
SiteFooter logo and the HomeView hero stag.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Padreug 2026-06-09 12:37:21 +02:00
commit c432cfb772
6 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -2,7 +2,7 @@
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/webp" href="./src/assets/cosmic-stag.webp" /> <link rel="icon" type="image/avif" href="./src/assets/cosmic-stag.avif" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta <meta
name="description" name="description"

BIN
src/assets/cosmic-stag.avif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 211 KiB

BIN
src/assets/cosmic-stag.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 231 KiB

2
src/components/SiteFooter.vue
View file

@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import cosmicStag from '@/assets/cosmic-stag.webp' import cosmicStag from '@/assets/cosmic-stag.avif'
const { t } = useI18n() const { t } = useI18n()
const year = new Date().getFullYear() const year = new Date().getFullYear()

2
src/components/SiteHeader.vue
View file

@ -2,7 +2,7 @@
import { ref, computed, onMounted, onUnmounted, watch } from 'vue' import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { RouterLink, useRoute } from 'vue-router' import { RouterLink, useRoute } from 'vue-router'
import cosmicStag from '@/assets/cosmic-stag.webp' import cosmicStag from '@/assets/cosmic-stag.avif'
const { t, locale } = useI18n() const { t, locale } = useI18n()
const route = useRoute() const route = useRoute()

2
src/views/HomeView.vue
View file

@ -2,7 +2,7 @@
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { RouterLink } from 'vue-router' import { RouterLink } from 'vue-router'
import { Button } from '@/components/ui/button' import { Button } from '@/components/ui/button'
import cosmicStag from '@/assets/cosmic-stag.webp' import cosmicStag from '@/assets/cosmic-stag.avif'
import heroLandscape from '@/assets/hero-landscape.webp' import heroLandscape from '@/assets/hero-landscape.webp'
const { t } = useI18n() const { t } = useI18n()