Cum să măresc rezoluția imaginii în galerie?

Nu sunt sigur dacă pun întrebarea corectă aici, deoarece sunt mai mult un programator PHP decât un designer grafic. Site-ul clientului meu are o galerie Views img care afișează 3 coloane lățime pe desktop și 1 lățime pe mobil. Rezoluția imaginii pe mobil nu este foarte bună și încerc să o măresc.Bănuiesc că este aceeași rezoluție pe desktop, dar nimeni nu este îngrijorat de asta.

Cred că soluția corectă aici este să folosiți un stil img mai mare pentru imagine și apoi să ajustați cu CSS pentru a o micșora pentru a se potrivi cu dispozitivul (responsive). Dar dacă fac asta, imaginile nu se dimensionează pentru a se potrivi în cele 3 coloane largi de pe desktop.

Are sens toate acestea? Există un modul care să facă acest lucru corect. M-am uitat la Imagini și Stiluri receptive și la modulele de imagine, dar sună ca pur și simplu a face imagini care se redimensionează, dar nu permit începerea cu o imagine mai mare (stil mai mare).

Un lucru este definirea stilurilor de imagine receptive pentru a seta puncte de întrerupere specifice și un alt lucru este îmbunătățirea calității imaginilor încărcate. De exemplu, setul de instrumente Image vă permite să setați calitatea JPEG a imaginilor manipulate, rezultând o calitate mai bună a imaginii în detrimentul transferurilor de rețea mai mari.

Aș încerca să evit pe cât posibil micșorarea imaginilor prin CSS, deoarece acest lucru funcționează, dar deschideți ușa către o pagină lentă: imaginați-vă că cineva încarcă un carusel de imagini de 5 MB și afișați miniaturi de 220 px pe mobil -> dimensiunea paginii va deveni inutilizabil.