chore(assets): mise à jour des images vers le format WebP

- Remplacement des images PNG par des images WebP pour améliorer la performance et la qualité visuelle.
- Mise à jour des références d'images dans les fichiers index.html, AppHeader.vue, AppFooter.vue, et plusieurs fichiers de configuration.
- Modification des métadonnées SEO pour utiliser les nouvelles images WebP dans les pages About, Home, Fiverr, et Projects.
- Ajout de nouvelles images WebP pour les projets et les services Fiverr dans les fichiers de données.

index.html

@@ -23,7 +23,7 @@
   <meta property="og:title" content="Killian - Full Stack Developer | Vue.js, React, Node.js Expert">
   <meta property="og:description"
     content="Professional Full Stack Developer specializing in modern web development. Expert in Discord bots, web applications, and custom solutions.">
-  <meta property="og:image" content="/portfolio-preview.jpg">
+  <meta property="og:image" content="/portfolio-preview.webp">
   <meta property="og:locale" content="en_US">
   <meta property="og:site_name" content="Killian Portfolio">
 
@@ -33,16 +33,14 @@
   <meta property="twitter:title" content="Killian - Full Stack Developer | Vue.js, React, Node.js Expert">
   <meta property="twitter:description"
     content="Professional Full Stack Developer specializing in modern web development. Expert in Discord bots, web applications, and custom solutions.">
-  <meta property="twitter:image" content="/portfolio-preview.jpg">
+  <meta property="twitter:image" content="/portfolio-preview.webp">
 
   <!-- Canonical URL -->
   <link rel="canonical" href="https://killiandalcin.fr">
 
   <!-- Favicon -->
   <link rel="icon" href="/favicon.ico">
-  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/webp" href="/favicon.webp">
-  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
   <link rel="manifest" href="/site.webmanifest">
 
   <!-- Preconnect to external domains -->

public/images/README.md

@@ -6,19 +6,19 @@ Ce dossier doit contenir les images pour votre portfolio :
 
 ```
 images/
-├── virtualtour.png    # Image du projet Virtual Tour
+├── virtualtour.webp   # Image du projet Virtual Tour
-├── xinko.png          # Image du projet Xinko
+├── xinko.webp         # Image du projet Xinko
-├── dig.png            # Image du projet Image Manipulation
+├── dig.webp           # Image du projet Image Manipulation
-├── primate.png        # Image du projet Primate Web Admin
+├── primate.webp       # Image du projet Primate Web Admin
-├── instagram.png      # Image du projet Instagram Bot
+├── instagram.webp     # Image du projet Instagram Bot
-├── crowdin.png        # Image du projet Crowdin Status Bot
+├── crowdin.webp       # Image du projet Crowdin Status Bot
 └── tech/              # Dossier pour les logos des technologies
-    ├── javascript.png
+    ├── javascript.webp
-    ├── typescript.png
+    ├── typescript.webp
-    ├── nodejs.png
+    ├── nodejs.webp
-    ├── vuejs.png
+    ├── vuejs.webp
-    ├── react.png
+    ├── react.webp
-    ├── angular.png
+    ├── angular.webp
     └── ...            # Autres logos de technologies
 ```
 

public/site.webmanifest

@@ -14,25 +14,15 @@
             "type": "image/x-icon"
         },
         {
-            "src": "/favicon-16x16.png",
+            "src": "/favicon.webp",
-            "sizes": "16x16",
-            "type": "image/png"
-        },
-        {
-            "src": "/favicon-32x32.png",
-            "sizes": "32x32",
-            "type": "image/png"
-        },
-        {
-            "src": "/android-chrome-192x192.png",
             "sizes": "192x192",
-            "type": "image/png",
+            "type": "image/webp",
             "purpose": "any maskable"
         },
         {
-            "src": "/android-chrome-512x512.png",
+            "src": "/favicon.webp",
             "sizes": "512x512",
-            "type": "image/png",
+            "type": "image/webp",
             "purpose": "any maskable"
         }
     ],