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
This commit is contained in:
mstfyldz
2026-05-04 22:07:19 +03:00
parent eb46d6411d
commit 0d03a71eb6
4 changed files with 21 additions and 21 deletions

View File

@@ -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 -->

View File

@@ -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>

View File

@@ -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 -->

View File

@@ -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>