use astro image optimizer

src/components/Footer.astro

@@ -1,14 +1,13 @@
+---
+import { Image } from "astro:assets"
+import logo from "../assets/logo.png"
+---
 
     <footer class="w-full bg-neutral-800">
       <div class="container mx-auto p-8">
         <div class="flex items-center justify-around md:flex-row">
           <a class="flex items-center" href="/">
-            <img
-              src="/logo.png"
-              alt="Logo photo club haute lozère"
-              width={128}
-              height={77}
-            />
+            <Image src={logo} alt="Logo photo club haute lozère" width={128} height={77} />
           </a>
           <div class="ml-4 flex flex-col items-center">
             <span class="text-neutral-300">

src/components/Header.astro

@@ -1,10 +1,12 @@
 ---
+import { Image } from "astro:assets"
+import logo from "../assets/logo.png"
 ---
 
 
     <header class="flex w-full items-center justify-between bg-gray-800 p-8 text-white">
       <a href="/">
-        <img src="/logo.png" alt="My Site Logo" width={128} height={77} />
+        <Image src={logo} alt="Logo Photo Club Haute Lozère" width={128} height={77} />
       </a>
       <nav>
         <ul class="flex items-center gap-2 space-x-4">

src/pages/espace-membres.astro

@@ -4,9 +4,4 @@ import EspaceMembres from '../components/EspaceMembres.tsx';
 ---
 <Layout title="Espace membres" footer={false}>
   <EspaceMembres client:only="preact"/>
-<style>
-footer {
-  display: none;
-}
-</style>
 </Layout>

src/pages/index.astro

@@ -1,6 +1,8 @@
 ---
 import Layout from '../layouts/Layout.astro';
-import Card from '../components/Card.astro';
+import { Image } from 'astro:assets';
+import forum from "../assets/forum-eaee.png";
+import autreForum from "../assets/132108978_o.png";
 ---
 
 <Layout title="Accueil">
@@ -31,20 +33,10 @@ import Card from '../components/Card.astro';
               pratique photographique) travaux informatiques de post traitement
               font parties de nos activités.
             </p>
-            <img
-              src={"/forum-eaee.png"}
-              alt="Forum photo club haute lozère"
-              width={740}
-              height={320}
-            />
+            <Image src={forum} alt="Forum photo club haute lozère" width={740} height={320} />
           </div>
           <div class="flex w-1/2 flex-col gap-6">
-            <img
-              src={"/132108978_o.png"}
-              alt="Forum photo club haute lozère"
-              width={740}
-              height={320}
-            />
+            <Image src={autreForum} alt="Forum photo club haute lozère" width={740} height={320} />
             <p class="text-xl">
               Ainsi, des sorties à thème sont programmées avec des séances
               d’analyse des photos réalisées.