html中的图像质量

Question

我有一个带图像的网站。图像的代码是这样的：

<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。有没有可能质量仍然良好？

Answer 1

我发现这个有用的代码到css：

object-fit: cover;