Css html中的图像质量

我有一个有图片的网站。图像的代码如下所示：

<img class="featurette-image2 img-fluid mx-auto" data-src="holder.js/500x500/auto" alt="500x500"
    src="/images/stuck.jpg" data-holder-rendered="true" style="width: 500px; height: 500px;">

看起来是这样的：

<img class="featurette-image2 img-fluid mx-auto" data-src="holder.js/500x500/auto" alt="500x500"
    src="/images/stuck.jpg" data-holder-rendered="true" style="width: 500px; height: 500px;">

质量提高了。我知道宽度和高度设置为500px。有没有可能质量还是好的

---

我发现这段代码对css很有帮助：

object-fit: cover;

---

如果源图像小于指定的尺寸，则图像将被拉伸，且质量将不如指定的尺寸。不过，你问的有点不清楚……实际上这是我的问题：我不希望图像被拉伸。源图像实际上更大。@Behar我看不到任何图像。@DogukanCavus？你试图显示一个只有你在电脑上的图像。。。如果我们尝试您的代码来帮助您，我们将无法看到图像。这就是他的意思吗