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:
@@ -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 -->
|
||||
|
||||
@@ -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>
|
||||
|
||||
22
index.html
22
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 -->
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user