diff --git a/index.html b/index.html
index 7ac2a5b..0d77d67 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="fr">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/png" href="/cosmic-stag.png" />
+    <link rel="icon" type="image/webp" href="./src/assets/cosmic-stag.webp" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta
       name="description"
diff --git a/public/cosmic-stag.png b/public/property-map.png
similarity index 100%
rename from public/cosmic-stag.png
rename to public/property-map.png
diff --git a/src/assets/cosmic-stag.webp b/src/assets/cosmic-stag.webp
new file mode 100644
index 0000000..1d4961c
Binary files /dev/null and b/src/assets/cosmic-stag.webp differ
diff --git a/src/components/SiteFooter.vue b/src/components/SiteFooter.vue
index 9f69a95..39c7b2b 100644
--- a/src/components/SiteFooter.vue
+++ b/src/components/SiteFooter.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
+import cosmicStag from '@/assets/cosmic-stag.webp'
 
 const { t } = useI18n()
 const year = new Date().getFullYear()
@@ -10,7 +11,7 @@ const year = new Date().getFullYear()
     <div class="mx-auto grid max-w-7xl gap-8 px-4 py-10 lg:px-6 md:grid-cols-3">
       <div>
         <div class="mb-3 flex items-center gap-3">
-          <img src="/cosmic-stag.png" alt="" class="h-10 w-10" />
+          <img :src="cosmicStag" alt="" class="h-10 w-10" />
           <span class="font-serif text-lg">Château du Faune</span>
         </div>
         <p class="text-sm text-muted-foreground">{{ t('footer.tagline') }}</p>
diff --git a/src/components/SiteHeader.vue b/src/components/SiteHeader.vue
index 5713057..eeeddc6 100644
--- a/src/components/SiteHeader.vue
+++ b/src/components/SiteHeader.vue
@@ -2,6 +2,7 @@
 import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { RouterLink, useRoute } from 'vue-router'
+import cosmicStag from '@/assets/cosmic-stag.webp'
 
 const { t, locale } = useI18n()
 const route = useRoute()
@@ -98,7 +99,7 @@ onUnmounted(() => {
     <div class="mx-auto max-w-7xl px-4 lg:px-6">
       <div class="flex h-16 items-center justify-between gap-4">
         <RouterLink to="/" class="flex items-center gap-3" @click="closeAll">
-          <img src="/cosmic-stag.png" alt="" class="h-9 w-9 shrink-0" />
+          <img :src="cosmicStag" alt="" class="h-9 w-9 shrink-0" />
           <span class="leading-tight">
             <span class="block font-serif text-base tracking-tight text-foreground">
               Château du Faune
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index a49c684..3cd8c67 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
 import { RouterLink } from 'vue-router'
+import cosmicStag from '@/assets/cosmic-stag.webp'
 
 const { t } = useI18n()
 
@@ -88,7 +89,7 @@ const featuredEvents = [
         </div>
         <div class="relative flex items-center justify-center">
           <img
-            src="/cosmic-stag.png"
+            :src="cosmicStag"
             alt=""
             class="h-72 w-72 object-contain md:h-96 md:w-96"
           />
