如何更改 html 图片标签的源元素中图像的宽度和高度？

Question

如何更改图片标签中源元素中图像的宽度和高度？ 我应该使用具有相同图像的两个源元素并为不同的视口提供不同的宽度和高度，还是有另一种方法可以做到这一点？

    <div class="model-image">
      <picture>
        <source
          media="(min-width:568px)"
          srcset="/images/hero-desktop.jpg"
          height="659"
          width="540"
        />
        <img
          src="./images/hero-mobile.jpg"
          alt="hero-image"
          class="hero-image"
        />
      </picture>
    </div>