如何使用 Next/Image 获取 img 元素的宽度和高度属性

Question

图像运行得很好。这是代码

<Image
  layout="fixed"
  src="/images/example.jpeg"
  alt="Example image"
  width="140"
  height="140"
 />

但是，当我在 web.dev 上运行该网站时，我在性能方面没有获得最高分。主要原因是图像元素没有明确的宽度和高度

我已经研究过这个，并且可以从这里看出https://web.dev/optimize-cls/?utm_source=lighthouse&utm_medium=lr#images-without-dimensions 需要宽度和高度属性，但不会出现，使用下一张/图片

我该如何解决这个问题？

Answer 1

我面临同样的问题 - 将布局更改为响应式并没有解决问题。它看起来像是组件缺少支持标签的渲染 - 它实际上应该按照初始灯塔链接中的描述来实现。