css - Next.js 应该使用什么图像大小？

Question

文档说：

图像的宽度，以像素为单位。必须是没有单位的整数。图像的高度，以像素为单位。必须是没有单位的整数。

不同的设备可以有不同的尺寸。设备可以是台式机或移动设备。发送每张图片的实际尺寸有点繁琐。

我想我不必发送图像的确切尺寸，但发送的宽度、高度的比例与实际宽度和高度的比例相等就足够了。你是否同意我的观点？

所以如果我看这个商人：

桌面上的商人有一个 468x346 尺寸，那么如果我通过，width={100} height={74}那么返回的图像将具有最佳尺寸。正确的？加载速度也将是最佳的。

score 2 · Accepted Answer

是的，但是你应该传递的宽度和高度需要是你要使用的最大的，例如，使用你的例子，如果你要在桌面上使用的图像是 468x346，你应该把它传递给你的图像零件width={468} height={346}

该组件将为较小的设备优化图像大小，但不会为较大的设备优化。您传递的尺寸是组件将要返回和渲染的最大尺寸。

1 回答 1