Converted_Images_to_WebP_for_Better_Optimization

sakship2005 · Oct 21, 2024 · 9da4b3f · 9da4b3f
1 parent 509bd0c
commit 9da4b3f
Show file tree

Hide file tree

Showing 43 changed files with 17 additions and 17 deletions.
diff --git a/Blog_page.html b/Blog_page.html
@@ -136,7 +136,7 @@ <h2>Recent Designs</h2>
 
           <div class = "design-item">
             <div class = "design-img">
-              <img src = "/src/images/art-design-1.jpg" alt = "">
+              <img src = "/src/images/art-design-1.webp" alt = "">
               <span><i class = "far fa-heart"></i> 22</span>
               <span>Creative Canvas</span>
             </div>
@@ -147,7 +147,7 @@ <h2>Recent Designs</h2>
 
           <div class = "design-item">
             <div class = "design-img">
-              <img src = "/src/images/art-design-2.jpg" alt = "">
+              <img src = "/src/images/art-design-2.webp" alt = "">
               <span><i class = "far fa-heart"></i> 22</span>
               <span>Creative Canvas</span>
             </div>
@@ -158,7 +158,7 @@ <h2>Recent Designs</h2>
 
           <div class = "design-item">
             <div class = "design-img">
-              <img src = "/src/images/art-design-3.jpg" alt = "">
+              <img src = "/src/images/art-design-3.webp" alt = "">
               <span><i class = "far fa-heart"></i> 22</span>
               <span>Creative Canvas</span>
             </div>
@@ -169,7 +169,7 @@ <h2>Recent Designs</h2>
 
           <div class = "design-item">
             <div class = "design-img">
-              <img src = "/src/images/art-design-4.jpg" alt = "">
+              <img src = "/src/images/art-design-4.webp" alt = "">
               <span><i class = "far fa-heart"></i> 22</span>
               <span>Creative Canvas</span>
             </div>
@@ -180,7 +180,7 @@ <h2>Recent Designs</h2>
 
           <div class = "design-item">
             <div class = "design-img">
-              <img src = "/src/images/art-design-5.jpg" alt = "">
+              <img src = "/src/images/art-design-5.webp" alt = "">
               <span><i class = "far fa-heart"></i> 22</span>
               <span>Creative Canvas</span>
             </div>
@@ -191,7 +191,7 @@ <h2>Recent Designs</h2>
 
           <div class = "design-item">
             <div class = "design-img">
-              <img src = "/src/images/art-design-6.jpg" alt = "">
+              <img src = "/src/images/art-design-6.webp" alt = "">
               <span><i class = "far fa-heart"></i> 22</span>
               <span>Creative Canvas</span>
             </div>
@@ -215,7 +215,7 @@ <h2>Latest Blog</h2>
 
           <div class = "blog-item">
             <div class = "blog-img">
-              <img src = "/src/images/blog-p-1.jpg" alt = "">
+              <img src = "/src/images/blog-p-1.webp" alt = "">
               <span><i class = "far fa-heart"></i></span>
             </div>
             <div class = "blog-text">
@@ -228,7 +228,7 @@ <h2>Organizing the environment for productive work</h2>
 
           <div class = "blog-item">
             <div class = "blog-img">
-              <img src = "/src/images/blog-p-2.jpg" alt = "">
+              <img src = "/src/images/blog-p-2.webp" alt = "">
               <span><i class = "far fa-heart"></i></span>
             </div>
             <div class = "blog-text">
@@ -241,7 +241,7 @@ <h2>Enhancing Creativity by Drawing</h2>
 
           <div class = "blog-item">
             <div class = "blog-img">
-              <img src = "/src/images/blog-p-3.jpg" alt = "">
+              <img src = "/src/images/blog-p-3.webp" alt = "">
               <span><i class = "far fa-heart"></i></span>
             </div>
             <div class = "blog-text">
@@ -254,7 +254,7 @@ <h2>Organizing other household stuffs</h2>
 
           <div class = "blog-item">
             <div class = "blog-img">
-              <img src = "/src/images/blog-p-4.jpg" alt = "">
+              <img src = "/src/images/blog-p-4.webp" alt = "">
               <span><i class = "far fa-heart"></i></span>
             </div>
             <div class = "blog-text">
@@ -267,7 +267,7 @@ <h2>Spreading greenery in house</h2>
 
           <div class = "blog-item">
             <div class = "blog-img">
-              <img src = "/src/images/blog-p-5.jpg" alt = "">
+              <img src = "/src/images/blog-p-5.webp" alt = "">
               <span><i class = "far fa-heart"></i></span>
             </div>
             <div class = "blog-text">
@@ -280,7 +280,7 @@ <h2>Organizing the bed</h2>
 
           <div class = "blog-item">
             <div class = "blog-img">
-              <img src = "/src/images/blog-p-6.jpg" alt = "">
+              <img src = "/src/images/blog-p-6.webp" alt = "">
               <span><i class = "far fa-heart"></i></span>
             </div>
             <div class = "blog-text">

diff --git a/about-us.html b/about-us.html
@@ -197,7 +197,7 @@ <h2 class="text-center mb-5">About Creative Canvas Tool</h2>
         <!-- About Section with Image and Text -->
         <div class="row align-items-center mb-5">
           <div class="col-md-6">
-            <img src="resources/painting_image.jpg" alt="Creative Canvas Tool in action" class="img-fluid about-image"/>
+            <img src="resources/painting_image.webp" alt="Creative Canvas Tool in action" class="img-fluid about-image"/>
           </div>
           <div class="col-md-6">
             <p class="about-text">

diff --git a/about.html b/about.html
@@ -82,7 +82,7 @@
         <div class="header text-center">
 
             <h1 class="display-4" ">
-                <img src="download (1).png" style="height: 100px; width: auto; 
+                <img src="download (1).webp" style="height: 100px; width: auto; 
                 border-radius: 50px 50px 50px 50px ; margin-right: 70px;"> 
 
                 <a href="/" style="color: inherit; text-decoration: none;margin-bottom: 50px;">Creative Canvas Tool Build the future</a>

diff --git a/download (1).png b/download (1).png
diff --git a/download (1).webp b/download (1).webp
diff --git a/feature.png b/feature.png
diff --git a/feature.webp b/feature.webp
diff --git a/gssocextd.jpg b/gssocextd.jpg
diff --git a/gssocextd.webp b/gssocextd.webp
diff --git a/hacktoberfest.png b/hacktoberfest.png
diff --git a/login.html b/login.html
@@ -209,7 +209,7 @@ <h1 class="site-name">Canvas Editor</h1>
     <div class="row">
 
         <ul class="nav nav-tabs">
-            <img src="download (1).png" alt="" style="height: 50px; width: auto; margin-right: 200px;">
+            <img src="download (1).webp" alt="" style="height: 50px; width: auto; margin-right: 200px;">
 
             <li class="nav-item">
               <a class="nav-link active" aria-current="page" href="index.html">Home</a>

diff --git a/repreviewfix.html b/repreviewfix.html
@@ -357,7 +357,7 @@ <h2>What <b>our customers</b> are saying</h2>
         <h2>SERVICES LOVED THE MOST</h2>
         <div class="row mx-auto">
             <div class="col-sm-6">
-                <img src="feature.png" alt="" width="500" style="border-radius: 40px;">
+                <img src="feature.webp" alt="" width="500" style="border-radius: 40px;">
             </div>
             <div class="col-sm-6">
                 <h3 class="pb-3" style="color: #1c47e3; font-weight: 700;">Excellent Features</h3>

diff --git a/resources/painting_image.jpg b/resources/painting_image.jpg
diff --git a/resources/painting_image.webp b/resources/painting_image.webp
diff --git a/review.html b/review.html
@@ -357,7 +357,7 @@ <h2>What <b>our customers</b> are saying</h2>
         <h2>SERVICES LOVED THE MOST</h2>
         <div class="row mx-auto">
             <div class="col-sm-6">
-                <img src="feature.png" alt="" width="500" style="border-radius: 40px;">
+                <img src="feature.webp" alt="" width="500" style="border-radius: 40px;">
             </div>
             <div class="col-sm-6">
                 <h3 class="pb-3" style="color: #1c47e3; font-weight: 700;">Excellent Features</h3>

diff --git a/src/images/about-bg.jpg b/src/images/about-bg.jpg
diff --git a/src/images/about-bg.webp b/src/images/about-bg.webp
diff --git a/src/images/art-design-1.jpg b/src/images/art-design-1.jpg
diff --git a/src/images/art-design-1.webp b/src/images/art-design-1.webp
diff --git a/src/images/art-design-2.jpg b/src/images/art-design-2.jpg
diff --git a/src/images/art-design-2.webp b/src/images/art-design-2.webp
diff --git a/src/images/art-design-3.jpg b/src/images/art-design-3.jpg
diff --git a/src/images/art-design-3.webp b/src/images/art-design-3.webp
diff --git a/src/images/art-design-4.jpg b/src/images/art-design-4.jpg
diff --git a/src/images/art-design-4.webp b/src/images/art-design-4.webp
diff --git a/src/images/art-design-5.jpg b/src/images/art-design-5.jpg
diff --git a/src/images/art-design-5.webp b/src/images/art-design-5.webp
diff --git a/src/images/art-design-6.jpg b/src/images/art-design-6.jpg
diff --git a/src/images/art-design-6.webp b/src/images/art-design-6.webp
diff --git a/src/images/banner-bg.jpg b/src/images/banner-bg.jpg
diff --git a/src/images/banner-bg.webp b/src/images/banner-bg.webp
diff --git a/src/images/blog-p-1.jpg b/src/images/blog-p-1.jpg
diff --git a/src/images/blog-p-1.webp b/src/images/blog-p-1.webp
diff --git a/src/images/blog-p-2.jpg b/src/images/blog-p-2.jpg
diff --git a/src/images/blog-p-2.webp b/src/images/blog-p-2.webp
diff --git a/src/images/blog-p-3.jpg b/src/images/blog-p-3.jpg
diff --git a/src/images/blog-p-3.webp b/src/images/blog-p-3.webp
diff --git a/src/images/blog-p-4.jpg b/src/images/blog-p-4.jpg
diff --git a/src/images/blog-p-4.webp b/src/images/blog-p-4.webp
diff --git a/src/images/blog-p-5.jpg b/src/images/blog-p-5.jpg
diff --git a/src/images/blog-p-5.webp b/src/images/blog-p-5.webp
diff --git a/src/images/blog-p-6.jpg b/src/images/blog-p-6.jpg
diff --git a/src/images/blog-p-6.webp b/src/images/blog-p-6.webp