Merge pull request #1230 from smog-root/New_Updated_images

Converted_images_to_WEBP_for_better_Optimization_2
ANSHIKA-26 · Oct 20, 2024 · c678ba0 · c678ba0 · vercel · Oct 20, 2024
2 parents 583aee6 + 561b032
commit c678ba0
Show file tree

Hide file tree

Showing 130 changed files with 117 additions and 118 deletions.
diff --git a/assets/380x80/img1.jpg b/assets/380x80/img1.jpg
diff --git a/assets/380x80/img1.webp b/assets/380x80/img1.webp
diff --git a/assets/380x80/img1_380x80.jpg b/assets/380x80/img1_380x80.jpg
diff --git a/assets/380x80/img1_380x80.webp b/assets/380x80/img1_380x80.webp
diff --git a/assets/380x80/img2.jpg b/assets/380x80/img2.jpg
diff --git a/assets/380x80/img2.webp b/assets/380x80/img2.webp
diff --git a/assets/380x80/img2_380x80.jpg b/assets/380x80/img2_380x80.jpg
diff --git a/assets/380x80/img2_380x80.webp b/assets/380x80/img2_380x80.webp
diff --git a/assets/380x80/img3.jpg b/assets/380x80/img3.jpg
diff --git a/assets/380x80/img3.webp b/assets/380x80/img3.webp
diff --git a/assets/380x80/img3_380x80.jpg b/assets/380x80/img3_380x80.jpg
diff --git a/assets/380x80/img3_380x80.webp b/assets/380x80/img3_380x80.webp
diff --git a/assets/380x80/img4.jpg b/assets/380x80/img4.jpg
diff --git a/assets/380x80/img4.webp b/assets/380x80/img4.webp
diff --git a/assets/380x80/img4_380x80.jpg b/assets/380x80/img4_380x80.jpg
diff --git a/assets/380x80/img4_380x80.webp b/assets/380x80/img4_380x80.webp
diff --git a/assets/380x80/img5.jpg b/assets/380x80/img5.jpg
diff --git a/assets/380x80/img5.webp b/assets/380x80/img5.webp
diff --git a/assets/380x80/img5_380x80.jpg b/assets/380x80/img5_380x80.jpg
diff --git a/assets/380x80/img5_380x80.webp b/assets/380x80/img5_380x80.webp
diff --git a/assets/avatar.png b/assets/avatar.png
diff --git a/assets/avatar.webp b/assets/avatar.webp
diff --git a/assets/face/face1.jpg b/assets/face/face1.jpg
diff --git a/assets/face/face1.webp b/assets/face/face1.webp
diff --git a/assets/face/face2.jpg b/assets/face/face2.jpg
diff --git a/assets/face/face2.webp b/assets/face/face2.webp
diff --git a/assets/face/face3.jpg b/assets/face/face3.jpg
diff --git a/assets/face/face3.webp b/assets/face/face3.webp
diff --git a/assets/fashion.jpeg b/assets/fashion.jpeg
diff --git a/assets/fashion.webp b/assets/fashion.webp
diff --git a/assets/google_icon.jpg b/assets/google_icon.jpg
diff --git a/assets/google_icon.webp b/assets/google_icon.webp
diff --git a/assets/health.jpeg b/assets/health.jpeg
diff --git a/assets/health.webp b/assets/health.webp
diff --git a/assets/img1.jpg b/assets/img1.jpg
diff --git a/assets/img1.webp b/assets/img1.webp
diff --git a/assets/img10.jpg b/assets/img10.jpg
diff --git a/assets/img10.webp b/assets/img10.webp
diff --git a/assets/img11.jpg b/assets/img11.jpg
diff --git a/assets/img11.webp b/assets/img11.webp
diff --git a/assets/img12.jpg b/assets/img12.jpg
diff --git a/assets/img12.webp b/assets/img12.webp
diff --git a/assets/img13.jpg b/assets/img13.jpg
diff --git a/assets/img13.webp b/assets/img13.webp
diff --git a/assets/img14.jpg b/assets/img14.jpg
diff --git a/assets/img14.webp b/assets/img14.webp
diff --git a/assets/img2.jpg b/assets/img2.jpg
diff --git a/assets/img2.webp b/assets/img2.webp
diff --git a/assets/img21.jpg b/assets/img21.jpg
diff --git a/assets/img21.webp b/assets/img21.webp
diff --git a/assets/img3.jpg b/assets/img3.jpg
diff --git a/assets/img3.webp b/assets/img3.webp
diff --git a/assets/img4.jpg b/assets/img4.jpg
diff --git a/assets/img4.webp b/assets/img4.webp
diff --git a/assets/img5.jpg b/assets/img5.jpg
diff --git a/assets/img5.webp b/assets/img5.webp
diff --git a/assets/img6.jpg b/assets/img6.jpg
diff --git a/assets/img6.webp b/assets/img6.webp
diff --git a/assets/img7.jpg b/assets/img7.jpg
diff --git a/assets/img7.webp b/assets/img7.webp
diff --git a/assets/img8.jpg b/assets/img8.jpg
diff --git a/assets/img8.webp b/assets/img8.webp
diff --git a/assets/img9.jpg b/assets/img9.jpg
diff --git a/assets/img9.webp b/assets/img9.webp
diff --git a/assets/slider/img1.jpg b/assets/slider/img1.jpg
diff --git a/assets/slider/img1.webp b/assets/slider/img1.webp
diff --git a/assets/slider/img2.jpg b/assets/slider/img2.jpg
diff --git a/assets/slider/img2.webp b/assets/slider/img2.webp
diff --git a/assets/slider/img3.jpg b/assets/slider/img3.jpg
diff --git a/assets/slider/img3.webp b/assets/slider/img3.webp
diff --git a/assets/slider/img4.jpg b/assets/slider/img4.jpg
diff --git a/assets/slider/img4.webp b/assets/slider/img4.webp
diff --git a/assets/slider/img5.jpg b/assets/slider/img5.jpg
diff --git a/assets/slider/img5.webp b/assets/slider/img5.webp
diff --git a/assets/slider/img6.jpg b/assets/slider/img6.jpg
diff --git a/assets/slider/img6.webp b/assets/slider/img6.webp
diff --git a/assets/slider/img7.jpg b/assets/slider/img7.jpg
diff --git a/assets/slider/img7.webp b/assets/slider/img7.webp
diff --git a/assets/start.PNG b/assets/start.PNG
diff --git a/assets/start.webp b/assets/start.webp
diff --git a/blog.html b/blog.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>WordWise</title>
-  <link rel="shortcut icon" type="image/x-icon" href="/images/favi.png" />
+  <link rel="shortcut icon" type="image/x-icon" href="/images/favi.webp" />
   <!--fotn awesome-->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
     integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
@@ -94,7 +94,7 @@ <h2 class="text-center">Login</h2>
             <button type="submit" class="btn btn-primary w-100 mb-3">LOGIN</button>
             <!-- Google Sign-In Button -->
             <button type="button" class="btn google-btn" onclick="handleGoogleLogin()">
-                <img src="./assets/google_icon.jpg" alt="Google Logo" class="google-logo">
+                <img src="./assets/google_icon.webp" alt="Google Logo" class="google-logo">
                 Sign in with Google
             </button>
         </form>
@@ -131,7 +131,7 @@ <h2 class="text-center">Signup</h2>
             <button type="submit" class="btn btn-primary w-100 mb-3">SIGNUP</button>
             <!-- Google Sign-In Button -->
              <button type="button" class="btn google-btn" onclick="handleGoogleLogin()">
-              <img src="./assets/google_icon.jpg" alt="Google Logo" class="google-logo">
+              <img src="./assets/google_icon.webp" alt="Google Logo" class="google-logo">
               Sign in with Google</button>
         </form>
       </div>
@@ -372,7 +372,7 @@ <h2 class="text-title text-dark display-1"looking for feedback></h2>
               </div>
               <!--thumbnail-->
               <div class="thumbnail mt-3">
-                <img src="./assets/img1.jpg" class="thumbnail" alt="">
+                <img src="./assets/img1.webp" class="thumbnail" alt="">
               </div>
               <!--content-->
               <div class="content text-dark display-1 secondary-title mt-3">
@@ -408,7 +408,7 @@ <h2 class="text-title text-dark display-1"looking for feedback></h2>
         </div>
         <div class="post-author text-center">
           <div class="author-avatar">
-            <img src="./assets/face/face1.jpg" class="rounded">
+            <img src="./assets/face/face1.webp" class="rounded">
 
           </div>
           <div class="author-info py-2">
@@ -442,7 +442,7 @@ <h3 class="text-dark">Amy Tan</h3>
               <article class="article text-center">
                 <div class="d-flex">
                   <a href="#">
-                    <img src="./assets/img9.jpg" class="object-fit" alt="">
+                    <img src="./assets/img9.webp" class="object-fit" alt="">
                   </a>
                   <div class="cart-body px-1">
                     <div class="category">
@@ -475,7 +475,7 @@ <h3 class="text-dark">Amy Tan</h3>
                     </a>
                   </div>
                   <a href="#">
-                    <img src="./assets/img8.jpg" class="object-fit" alt="">
+                    <img src="./assets/img8.webp" class="object-fit" alt="">
                   </a>
                 </div>
               </article>
@@ -1179,7 +1179,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
               <article class="article">
                 <div class="d-flex ">
                   <a class="d-flex" href="#">
-                    <img src="./assets/img9.jpg" class="object-fit" alt="">
+                    <img src="./assets/img9.webp" class="object-fit" alt="">
                     <div class="px-1" style="width: 300px;">
                       <a href="#" class="text-title display-2 text-dark">
                         Embrace the beauty of nature through our enchanting blog, where we celebrate the wonders of
@@ -1197,7 +1197,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
               <article class="article">
                 <div class="d-flex">
                   <a class="d-flex" href="#">
-                    <img src="./assets/img1.jpg" class="object-fit" alt="">
+                    <img src="./assets/img1.webp" class="object-fit" alt="">
                     <div class="px-1" style="width: 300px;">
                       <a href="#" class="text-title display-2 text-dark">
                         Embark on unforgettable journeys through our travel blog, where wanderlust meets inspiration
@@ -1214,7 +1214,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
               <article class="article">
                 <div class="d-flex">
                   <a class="d-flex" href="#">
-                    <img src="./assets/img2.jpg" class="object-fit" alt="">
+                    <img src="./assets/img2.webp" class="object-fit" alt="">
                     <div class="px-1" style="width: 300px;">
                       <a href="#" class="text-title display-2 text-dark">
                         Gaming Adventures Unleashed

diff --git a/boy.png b/boy.png
diff --git a/boy.webp b/boy.webp
diff --git a/category.html b/category.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>WordWise</title>
-    <link rel="shortcut icon" type="image/x-icon" href="/images/favi.png" />
+    <link rel="shortcut icon" type="image/x-icon" href="/images/favi.webp" />
     <!--font awesome-->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
         integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
@@ -105,7 +105,7 @@ <h2 class="text-center">Login</h2>
         <button type="submit" class="btn btn-primary w-100 mb-3">LOGIN</button>
         <!-- Google Sign-In Button -->
         <button type="button" class="btn google-btn" onclick="handleGoogleLogin()">
-            <img src="./assets/google_icon.jpg" alt="Google Logo" class="google-logo">
+            <img src="./assets/google_icon.webp" alt="Google Logo" class="google-logo">
             Sign in with Google
         </button>
     </form>
@@ -142,7 +142,7 @@ <h2 class="text-center">Signup</h2>
         <button type="submit" class="btn btn-primary w-100 mb-3">SIGNUP</button>
         <!-- Google Sign-In Button -->
          <button type="button" class="btn google-btn" onclick="handleGoogleLogin()">
-          <img src="./assets/google_icon.jpg" alt="Google Logo" class="google-logo">
+          <img src="./assets/google_icon.webp" alt="Google Logo" class="google-logo">
           Sign in with Google</button>
     </form>
   </div>
@@ -356,7 +356,7 @@ <h2>Forgot Password</h2>
                     <div class="new-post-list">
                         <article class="new-post-item">
                             <div class="new-post-thumbnail">
-                                <img src="./assets/img5.jpg" alt="Post Image">
+                                <img src="./assets/img5.webp" alt="Post Image">
                                 <span class="s1"></span>
                                 <span class="s2"></span>
                             </div>
@@ -380,7 +380,7 @@ <h3 class="new-post-title">Mouthwatering Memoirs</h3>
                     <div class="new-post-list">
                         <article class="new-post-item">
                             <div class="new-post-thumbnail">
-                                <img src="./assets/img21.jpg" alt="Post Image">
+                                <img src="./assets/img21.webp" alt="Post Image">
                                 <span class="s1"></span>
                                 <span class="s2"></span>
                             </div>
@@ -404,7 +404,7 @@ <h3 class="new-post-title">Roaming Routes</h3>
                     <div class="new-post-list">
                         <article class="new-post-item">
                             <div class="new-post-thumbnail">
-                                <img src="./assets/img2.jpg" alt="Post Image">
+                                <img src="./assets/img2.webp" alt="Post Image">
                                 <span class="s1"></span>
                                 <span class="s2"></span>
                             </div>
@@ -428,7 +428,7 @@ <h3 class="new-post-title">The Future of Tech</h3>
                     <div class="new-post-list">
                         <article class="new-post-item">
                             <div class="new-post-thumbnail">
-                                <img src="./assets/img7.jpg" alt="Post Image">
+                                <img src="./assets/img7.webp" alt="Post Image">
                                 <span class="s1"></span>
                                 <span class="s2"></span>
                             </div>
@@ -452,7 +452,7 @@ <h3 class="new-post-title">Living Well</h3>
                     <div class="new-post-list">
                         <article class="new-post-item">
                             <div class="new-post-thumbnail">
-                                <img src="./assets/health.jpeg" alt="Post Image">
+                                <img src="./assets/health.webp" alt="Post Image">
                                 <span class="s1"></span>
                                 <span class="s2"></span>
                             </div>
@@ -476,7 +476,7 @@ <h3 class="new-post-title">Health Tips</h3>
                     <div class="new-post-list">
                         <article class="new-post-item">
                             <div class="new-post-thumbnail">
-                                <img src="./assets/fashion.jpeg" alt="Post Image">
+                                <img src="./assets/fashion.webp" alt="Post Image">
                                 <span class="s1"></span>
                                 <span class="s2"></span>
                             </div>
@@ -511,22 +511,22 @@ <h3 class="new-post-title">Fashion Trends</h3>
 
             <!-- Slide images -->
             <div class="slide first">
-                <img src="./assets/slider/img1.jpg" alt="Slide 1">
+                <img src="./assets/slider/img1.webp" alt="Slide 1">
             </div>
             <div class="slide">
-                <img src="./assets/slider/img2.jpg" alt="Slide 2">
+                <img src="./assets/slider/img2.webp" alt="Slide 2">
             </div>
             <div class="slide">
-                <img src="./assets/slider/img3.jpg" alt="Slide 3">
+                <img src="./assets/slider/img3.webp" alt="Slide 3">
             </div>
             <div class="slide">
-                <img src="./assets/slider/img4.jpg" alt="Slide 4">
+                <img src="./assets/slider/img4.webp" alt="Slide 4">
             </div>
             <div class="slide">
-                <img src="./assets/slider/img5.jpg" alt="Slide 5">
+                <img src="./assets/slider/img5.webp" alt="Slide 5">
             </div>
             <div class="slide">
-                <img src="./assets/slider/img6.jpg" alt="Slide 6">
+                <img src="./assets/slider/img6.webp" alt="Slide 6">
             </div>
 
             <!-- Automatic navigation -->
@@ -603,7 +603,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
                             <article class="article">
                                 <div class="d-flex ">
                                     <a class="d-flex" href="#">
-                                        <img src="./assets/img9.jpg" class="object-fit" alt="">
+                                        <img src="./assets/img9.webp" class="object-fit" alt="">
                                         <div class="px-1" style="width: 300px;">
                                             <a href="#" class="text-title display-2 text-dark">
                                                 Embrace the beauty of nature through our enchanting blog, where we
@@ -621,7 +621,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
                             <article class="article">
                                 <div class="d-flex">
                                     <a class="d-flex" href="#">
-                                        <img src="./assets/img1.jpg" class="object-fit" alt="">
+                                        <img src="./assets/img1.webp" class="object-fit" alt="">
                                         <div class="px-1" style="width: 300px;">
                                             <a href="#" class="text-title display-2 text-dark">
                                                 Embark on unforgettable journeys through our travel blog, where
@@ -639,7 +639,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
                             <article class="article">
                                 <div class="d-flex">
                                     <a class="d-flex" href="#">
-                                        <img src="./assets/img2.jpg" class="object-fit" alt="">
+                                        <img src="./assets/img2.webp" class="object-fit" alt="">
                                         <div class="px-1" style="width: 300px;">
                                             <a href="#" class="text-title display-2 text-dark">
                                                 Gaming Adventures Unleashed

diff --git a/contact.html b/contact.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Contact Us - WordWise</title>
-    <link rel="shortcut icon" type="image/x-icon" href="/images/favi.png" />
+    <link rel="shortcut icon" type="image/x-icon" href="/images/favi.webp" />
     <!-- Font Awesome -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <!-- CSS -->
@@ -221,7 +221,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
                           <article class="article">
                               <div class="d-flex ">
                                   <a class="d-flex" href="#">
-                                      <img src="./assets/img9.jpg" class="object-fit" alt="">
+                                      <img src="./assets/img9.webp" class="object-fit" alt="">
                                       <div class="px-1" style="width: 300px;">
                                           <a href="#" class="text-title display-2 text-dark">
                                             Embrace the beauty of nature through our enchanting blog, where we celebrate the wonders of the natural world
@@ -238,7 +238,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
                        <article class="article">
                            <div class="d-flex">
                                <a class="d-flex" href="#">
-                                   <img src="./assets/img1.jpg" class="object-fit" alt="">
+                                   <img src="./assets/img1.webp" class="object-fit" alt="">
                                    <div class="px-1" style="width: 300px;">
                                        <a href="#" class="text-title display-2 text-dark">
                                         Embark on unforgettable journeys through our travel blog, where wanderlust meets inspiration
@@ -255,7 +255,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
                            <article class="article">
                                <div class="d-flex">
                                    <a class="d-flex" href="#">
-                                       <img src="./assets/img2.jpg" class="object-fit" alt="">
+                                       <img src="./assets/img2.webp" class="object-fit" alt="">
                                        <div class="px-1" style="width: 300px;">
                                            <a href="#" class="text-title display-2 text-dark">
                                             Gaming Adventures Unleashed

diff --git a/contact_us.html b/contact_us.html
@@ -3,7 +3,7 @@
 
 <head>
   <meta charset="UTF-8" />
-  <link rel="shortcut icon" type="image/x-icon" href="/images/favi.png" />
+  <link rel="shortcut icon" type="image/x-icon" href="/images/favi.webp" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Contact Us</title>
   <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet" />
@@ -151,7 +151,7 @@ <h2 class="text-center">Login</h2>
           <button type="submit" class="btn btn-primary w-100 mb-3">LOGIN</button>
           <!-- Google Sign-In Button -->
           <button type="button" class="btn google-btn" onclick="handleGoogleLogin()">
-            <img src="./assets/google_icon.jpg" alt="Google Logo" class="google-logo">
+            <img src="./assets/google_icon.webp" alt="Google Logo" class="google-logo">
             Sign in with Google
           </button>
         </form>
@@ -196,7 +196,7 @@ <h2 class="text-center">Signup</h2>
               <button type="submit" class="btn btn-primary w-100 mb-3">SIGNUP</button>
               <!-- Google Sign-In Button -->
                <button type="button" class="btn google-btn" onclick="handleGoogleLogin()">
-                <img src="./assets/google_icon.jpg" alt="Google Logo" class="google-logo">
+                <img src="./assets/google_icon.webp" alt="Google Logo" class="google-logo">
                 Sign in with Google</button>
           </div>
         </div>
@@ -578,7 +578,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
               <article class="article">
                 <div class="d-flex" style="align-items: flex-start; ">
                   <a class="d-flex" href="#">
-                    <img src="./assets/img9.jpg" class="object-fit" alt="">
+                    <img src="./assets/img9.webp" class="object-fit" alt="">
                     <div class="px-1" style="width: 300px; ">
                       <a href="#" class="text-title display-2 text-dark">
                         Embrace the beauty of nature through our enchanting blog, where we
@@ -598,7 +598,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
               <article class="article">
                 <div class="d-flex" style="align-items: flex-start; ">
                   <a class="d-flex" href="#">
-                    <img src="./assets/img1.jpg" class="object-fit" alt="">
+                    <img src="./assets/img1.webp" class="object-fit" alt="">
                     <div class="px-1" style="width: 300px;">
                       <a href="#" class="text-title display-2 text-dark">
                         Embark on unforgettable journeys through our travel blog, where
@@ -617,7 +617,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
               <article class="article">
                 <div class="d-flex" style="align-items: flex-start; ">
                   <a class="d-flex " href="#">
-                    <img src="./assets/img2.jpg" class="object-fit" alt="">
+                    <img src="./assets/img2.webp" class="object-fit" alt="">
                     <div class="px-1" style="width: 300px;">
                       <a href="#" class="text-title display-2 text-dark">
                         Gaming Adventures Unleashed

diff --git a/faq.png b/faq.png
diff --git a/faq.webp b/faq.webp