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

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