From 0d03a71eb6a87a537f46386466a076b721891b74 Mon Sep 17 00:00:00 2001
From: mstfyldz <mstfyldz@mstfyldz-MacBook-Air.local>
Date: Mon, 4 May 2026 22:07:19 +0300
Subject: [PATCH] perf: add w_800 resize to Cloudinary image URLs

- Reduces image download from ~1MB to ~100KB per image
- Original 2832x3511 images now served at 800px width
- Cloudinary handles responsive resizing server-side
---
 about.html    |  4 ++--
 courses.html  |  6 +++---
 index.html    | 22 +++++++++++-----------
 services.html | 10 +++++-----
 4 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/about.html b/about.html
index 5e425ff..febe575 100644
--- a/about.html
+++ b/about.html
@@ -136,7 +136,7 @@
                     <div class="about-us-image">
                         <div class="about-img-1">
                             <figure class="image-anime reveal">
-                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917585/muglasurucukursu/araba1.jpg" alt="">
+                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917585/muglasurucukursu/araba1.jpg" alt="">
                             </figure>
                         </div>
 
@@ -502,7 +502,7 @@
                         <!-- How It Work Image Start -->
                         <div class="how-it-work-image">
                             <figure class="image-anime reveal">
-                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917643/muglasurucukursu/motorhoca.jpg" alt="">
+                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917643/muglasurucukursu/motorhoca.jpg" alt="">
                             </figure>
                         </div>
                         <!-- How It Work Image End -->
diff --git a/courses.html b/courses.html
index 0106e2c..aa22670 100644
--- a/courses.html
+++ b/courses.html
@@ -167,7 +167,7 @@
                         <div class="course-image">
                             <a href="contact.html" data-cursor-text="View">
                                 <figure class="image-anime">
-                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917604/muglasurucukursu/arabadikey1.jpg" alt="">
+                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917604/muglasurucukursu/arabadikey1.jpg" alt="">
                                 </figure>
                             </a>
                         </div>
@@ -199,7 +199,7 @@
                         <div class="course-image">
                             <a href="contact.html" data-cursor-text="View">
                                 <figure class="image-anime">
-                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917627/muglasurucukursu/motor.jpg" alt="">
+                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917627/muglasurucukursu/motor.jpg" alt="">
                                 </figure>
                             </a>
                         </div>
@@ -231,7 +231,7 @@
                         <div class="course-image">
                             <a href="contact.html" data-cursor-text="View">
                                 <figure class="image-anime">
-                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917651/muglasurucukursu/tirdikey.jpg" alt="">
+                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917651/muglasurucukursu/tirdikey.jpg" alt="">
                                 </figure>
                             </a>
                         </div>
diff --git a/index.html b/index.html
index 9e170e4..27857cd 100644
--- a/index.html
+++ b/index.html
@@ -162,7 +162,7 @@
                     <div class="about-us-image">
                         <div class="about-img-1">
                             <figure class="image-anime reveal">
-                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917585/muglasurucukursu/araba1.jpg" alt="">
+                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917585/muglasurucukursu/araba1.jpg" alt="">
                             </figure>
                         </div>
 
@@ -289,7 +289,7 @@
                                         <div class="service-image">
                                             <a href="contact.html" data-cursor-text="View">
                                                 <figure class="image-anime">
-                                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917585/muglasurucukursu/araba1.jpg" alt="">
+                                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917585/muglasurucukursu/araba1.jpg" alt="">
                                                 </figure>
                                             </a>
                                         </div>
@@ -333,7 +333,7 @@
                                         <div class="service-image">
                                             <a href="contact.html" data-cursor-text="View">
                                                 <figure class="image-anime">
-                                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917624/muglasurucukursu/arabasurus1.jpg" alt="">
+                                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917624/muglasurucukursu/arabasurus1.jpg" alt="">
                                                 </figure>
                                             </a>
                                         </div>
@@ -377,7 +377,7 @@
                                         <div class="service-image">
                                             <a href="contact.html" data-cursor-text="View">
                                                 <figure class="image-anime">
-                                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917638/muglasurucukursu/motor4.jpg" alt="">
+                                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917638/muglasurucukursu/motor4.jpg" alt="">
                                                 </figure>
                                             </a>
                                         </div>
@@ -421,7 +421,7 @@
                                         <div class="service-image">
                                             <a href="contact.html" data-cursor-text="View">
                                                 <figure class="image-anime">
-                                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917600/muglasurucukursu/arababakim5.jpg" alt="">
+                                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917600/muglasurucukursu/arababakim5.jpg" alt="">
                                                 </figure>
                                             </a>
                                         </div>
@@ -466,7 +466,7 @@
                                         <div class="service-image">
                                             <a href="contact.html" data-cursor-text="View">
                                                 <figure class="image-anime">
-                                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917619/muglasurucukursu/arabaparkdikey.jpg" alt="">
+                                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917619/muglasurucukursu/arabaparkdikey.jpg" alt="">
                                                 </figure>
                                             </a>
                                         </div>
@@ -721,7 +721,7 @@
                         <div class="course-image">
                             <a href="contact.html" data-cursor-text="View">
                                 <figure class="image-anime">
-                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917604/muglasurucukursu/arabadikey1.jpg" alt="">
+                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917604/muglasurucukursu/arabadikey1.jpg" alt="">
                                 </figure>
                             </a>
                         </div>
@@ -753,7 +753,7 @@
                         <div class="course-image">
                             <a href="contact.html" data-cursor-text="View">
                                 <figure class="image-anime">
-                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917627/muglasurucukursu/motor.jpg" alt="">
+                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917627/muglasurucukursu/motor.jpg" alt="">
                                 </figure>
                             </a>
                         </div>
@@ -785,7 +785,7 @@
                         <div class="course-image">
                             <a href="contact.html" data-cursor-text="View">
                                 <figure class="image-anime">
-                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917651/muglasurucukursu/tirdikey.jpg" alt="">
+                                    <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917651/muglasurucukursu/tirdikey.jpg" alt="">
                                 </figure>
                             </a>
                         </div>
@@ -919,7 +919,7 @@
                     <!-- FAQ Image Start -->
                     <div class="faq-image wow fadeInUp" data-wow-delay="0.2s">
                         <figure class="image-anime">
-                            <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917612/muglasurucukursu/arabagenel1.jpg" alt="">
+                            <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917612/muglasurucukursu/arabagenel1.jpg" alt="">
                         </figure>
 
                         <!-- Appointment Info List Start -->
@@ -987,7 +987,7 @@
                         <!-- How It Work Image Start -->
                         <div class="how-it-work-image">
                             <figure class="image-anime reveal">
-                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917643/muglasurucukursu/motorhoca.jpg" alt="">
+                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917643/muglasurucukursu/motorhoca.jpg" alt="">
                             </figure>
                         </div>
                         <!-- How It Work Image End -->
diff --git a/services.html b/services.html
index 6c76c2b..aecec74 100644
--- a/services.html
+++ b/services.html
@@ -173,7 +173,7 @@
                                     <div class="service-image">
                                         <a href="contact.html" data-cursor-text="View">
                                             <figure class="image-anime">
-                                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917585/muglasurucukursu/araba1.jpg" alt="">
+                                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917585/muglasurucukursu/araba1.jpg" alt="">
                                             </figure>
                                         </a>
                                     </div>
@@ -217,7 +217,7 @@
                                     <div class="service-image">
                                         <a href="contact.html" data-cursor-text="View">
                                             <figure class="image-anime">
-                                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917624/muglasurucukursu/arabasurus1.jpg" alt="">
+                                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917624/muglasurucukursu/arabasurus1.jpg" alt="">
                                             </figure>
                                         </a>
                                     </div>
@@ -261,7 +261,7 @@
                                     <div class="service-image">
                                         <a href="contact.html" data-cursor-text="View">
                                             <figure class="image-anime">
-                                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917638/muglasurucukursu/motor4.jpg" alt="">
+                                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917638/muglasurucukursu/motor4.jpg" alt="">
                                             </figure>
                                         </a>
                                     </div>
@@ -305,7 +305,7 @@
                                     <div class="service-image">
                                         <a href="contact.html" data-cursor-text="View">
                                             <figure class="image-anime">
-                                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917600/muglasurucukursu/arababakim5.jpg" alt="">
+                                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917600/muglasurucukursu/arababakim5.jpg" alt="">
                                             </figure>
                                         </a>
                                     </div>
@@ -350,7 +350,7 @@
                                     <div class="service-image">
                                         <a href="contact.html" data-cursor-text="View">
                                             <figure class="image-anime">
-                                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917619/muglasurucukursu/arabaparkdikey.jpg" alt="">
+                                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_800/v1777917619/muglasurucukursu/arabaparkdikey.jpg" alt="">
                                             </figure>
                                         </a>
                                     </div>