Obrázky rôznych veľkostí a ich rozmery

Zdravím všetkých

iste každý pozná https://gtmetrix.com

pri chybe z obrázkami je jedno z ich ODPORÚČANÍ -

Zadajte rozmery obrázka
Na nasledujúcich obrázkoch chýbajú atribúty šírka a / alebo výška.


No a tu vzniká problém. Mám tento kód

<div class="img-container">
<img
src="".CONFIG::$site_link."images/".($photo ? "abc/".$photo["photo"] : "image_no.png").""
class="img-fluid"
id="img_".$row["id"]."">
</div>

toto je css
.img-container { width: auto; height: 300px; overflow: hidden; }
.img-container img { width: auto; max-height: 298px; }
.img-fluid { max-width: 100%; height: auto; }

na webe mám obrázky rôznych veľkostí (šírka i dlžka).

predsa nemôžem zadať pevné rozmery typu
style="max-width: 150px; max-height: 150px;"

teraz otázka:
ako by ste vyriešili tento konkrétny prípad?
aby ste dosiahli na https://gtmetrix.com pri rozmeroch img 100%.
zrejme to bude vždy nejaký kompromis.
pravdepodobne ideálne riešenie ani v dnešnej dobe asi nebude, alebo áno?

Proc nepouzivas srcset? https://developers.google.com/web/il...ponsive-images