Ich habe eine Website auf der man Bilder herunterladen kann. Diese sind allerdings alle 5760x4321 und haben eine Dateigröße von durchschnittlich 15mb. Jetzt sind ca. schon über 120 Bilder auf der Website. Allerdings baucht diese jetzt bei langsamen Verbindungen sehr lange zum laden. Jetzt möchte ich die Vorschau skalieren. Allerdings muss es so sein, dass die Bildqualität dadurch gesenkt wird. Habt ihr eine Idee, wie man das umsetzen kann?
HTML:
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/002.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-2.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="Download"><i class="bx bx-download"></i></a>
</div>
</div>
</div>
</div>