image optimization

QuentinDch · Nov 12, 2024 · 0b5ecd9 · 0b5ecd9
1 parent ba8dadd
commit 0b5ecd9
Show file tree

Hide file tree

Showing 32 changed files with 962 additions and 589 deletions.
diff --git a/assets/bootstrap/bootstrap.css b/assets/bootstrap/bootstrap.css
diff --git a/assets/images/camera.png b/assets/images/camera.png
diff --git a/assets/images/camera.webp b/assets/images/camera.webp
diff --git a/assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.jpg b/assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.jpg
diff --git a/assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.webp b/assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.webp
diff --git a/assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.jpg b/assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.jpg
diff --git a/assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.webp b/assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.webp
diff --git a/assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.jpg b/assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.jpg
diff --git a/assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.webp b/assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.webp
diff --git a/assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash.jpg b/assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash.jpg
diff --git a/assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash.webp b/assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash.webp
diff --git a/assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.jpg b/assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.jpg
diff --git a/assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.webp b/assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.webp
diff --git a/assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.jpg b/assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.jpg
diff --git a/assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.webp b/assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.webp
diff --git a/assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.jpg b/assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.jpg
diff --git a/assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.webp b/assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.webp
diff --git a/assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.jpg b/assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.jpg
diff --git a/assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.webp b/assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.webp
diff --git a/assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplash.jpg b/assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplash.jpg
diff --git a/assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplashpng.webp b/assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplashpng.webp
diff --git a/assets/images/instagram.png b/assets/images/instagram.png
diff --git a/assets/images/nina.png b/assets/images/nina.png
diff --git a/assets/images/nina.webp b/assets/images/nina.webp
diff --git a/assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.jpg b/assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.jpg
diff --git a/assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.webp b/assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.webp
diff --git a/assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.jpg b/assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.jpg
diff --git a/assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.webp b/assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.webp
diff --git a/assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.jpg b/assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.jpg
diff --git a/assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.webp b/assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.webp
diff --git a/assets/style.css b/assets/style.css
diff --git a/index.html b/index.html
@@ -26,8 +26,8 @@
       integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
       crossorigin="anonymous"
     ></script>
-    <script src="./assets/maugallery.js"></script>
-    <script src="./assets/scripts.js"></script>
+    <script src="/assets/maugallery.js" defer></script>
+    <script src="/assets/scripts.js" defer></script>
   </head>
 
   <body>
@@ -84,23 +84,23 @@ <h1 class="name">Nina Carducci</h1>
           <div class="carousel-inner">
             <div class="carousel-item active">
               <img
-                src="./assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.jpg"
+                src="./assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.webp"
                 class="d-block w-100"
-                alt="Un homme en costume traverse un passage piéton, illustrant une scène urbaine dynamique et professionnelle"
+                alt="Homme en costume traversant un passage piéton dans un cadre urbain dynamique"
               />
             </div>
             <div class="carousel-item">
               <img
-                src="./assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.jpg"
+                src="./assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.webp"
                 class="d-block w-100"
-                alt="Un public enjoué à un concert, les mains levées, créant une atmosphère vibrante et festive."
+                alt="Public enjoué à un concert, mains levées, créant une atmosphère festive"
               />
             </div>
             <div class="carousel-item">
               <img
-                src="./assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.jpg"
+                src="./assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.webp"
                 class="d-block w-100"
-                alt="Un couple de jeune mariés s'embrasse devant une foule de personnes, célébrant leur union avec joie et émotion."
+                alt="Couple de jeunes mariés s'embrassant devant une foule, célébrant leur union avec joie"
               />
             </div>
           </div>
@@ -127,7 +127,7 @@ <h1 class="name">Nina Carducci</h1>
       <section id="about" aria-label="À propos de moi">
         <figure class="picture left">
           <img
-            src="./assets/images/nina.png"
+            src="./assets/images/nina.webp"
             alt="Portrait de Nina Carducci, photographe"
           />
         </figure>
@@ -159,56 +159,56 @@ <h2 class="title">Portfolio</h2>
             <img
               data-gallery-tag="Concert"
               class="gallery-item"
-              src="./assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.jpg"
-              alt="Une foule de personnes levant les mains lors d'un concert, exprimant leur enthousiasme et leur énergie collective."
+              src="./assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.webp"
+              alt="Foule levant les mains lors d'un concert, exprimant enthousiasme et énergie"
             />
             <img
               data-gallery-tag="Entreprises"
               class="gallery-item"
-              src="./assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.jpg"
-              alt="Un homme en costume et cravate se tient devant un bâtiment imposant, affichant une posture confiante."
+              src="./assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.webp"
+              alt="Homme en costume et cravate devant un bâtiment imposant, affichant une posture confiante"
             />
             <img
               data-gallery-tag="Entreprises"
               class="gallery-item"
-              src="./assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash.jpg"
-              alt="Une femme souriante assise dans un bureau, dégageant une atmosphère positive et professionnelle."
+              src="./assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash.webp"
+              alt="Femme souriante assise dans un bureau, dégageant une atmosphère professionnelle"
             />
             <img
               data-gallery-tag="Mariages"
               class="gallery-item"
-              src="./assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.jpg"
-              alt="Deux mains se tendent l'une vers l'autre, symbolisant la connexion et l'alliance entre les individus."
+              src="./assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.webp"
+              alt="Des mains se tendent, symbolisant la connexion et l'alliance"
             />
             <img
               data-gallery-tag="Portrait"
               class="gallery-item"
-              src="./assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.jpg"
-              alt="Un homme avec une barbe, vêtu d'une tee-shirt noire, se tenant debout avec un regard pensif."
+              src="./assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.webp"
+              alt="Homme barbu en tee-shirt noir, debout avec un regard pensif"
             />
             <img
               data-gallery-tag="Mariages"
               class="gallery-item"
-              src="./assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.jpg"
-              alt="Photographie de mariage à Cape Town, immortalisant l'amour et la joie des couples lors de leur journée spéciale."
+              src="./assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.webp"
+              alt="Photographie de mariage, capturant l'amour et la joie d'un couple"
             />
             <img
               data-gallery-tag="Portrait"
               class="gallery-item"
-              src="./assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplash.jpg"
-              alt="Une femme portant des lunettes et un haut noir se tient devant une clôture en maillon de chaîne."
+              src="./assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplashpng.webp"
+              alt="Femme portant des lunettes et un haut noir devant une clôture en maillon de chaîne"
             />
             <img
               data-gallery-tag="Concert"
               class="gallery-item"
-              src="./assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.jpg"
-              alt="Un homme levant les mains en l'air sur scène, exprimant la joie ou l'excitation devant un public."
+              src="./assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.webp"
+              alt="Homme levant les mains sur scène, exprimant joie ou excitation devant un public"
             />
             <img
               data-gallery-tag="Entreprises"
               class="gallery-item"
-              src="./assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.jpg"
-              alt="Une femme souriante utilise un ordinateur portable, exprimant la joie et la concentration dans son travail."
+              src="./assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.webp"
+              alt="Femme souriante utilisant un laptop, exprimant joie et concentration"
             />
           </div>
         </div>
@@ -318,8 +318,8 @@ <h2>Une question ? Une demande de devis ?</h2>
         </div>
         <div class="picture right">
           <img
-            src="./assets/images/camera.png"
-            alt="Une caméra sur une table, symbolisant la passion pour la photographie et la créativité."
+            src="./assets/images/camera.webp"
+            alt="Caméra sur une table, passion pour la photographie et la créativité"
           />
         </div>
       </div>