Next.js 应使用多大的图像?

What image size should be used with Next.js?

文档说:

The width of the image, in pixels. Must be an integer without a unit. The height of the image, in pixels. Must be an integer without a unit.

https://nextjs.org/docs/api-reference/next/image

不同的设备可以有不同的大小。设备可以是台式机或移动设备。把每张图片的实际大小都发过去有点繁琐

我想我不必发送图片的确切尺寸,但是发送的宽度、高度的比例与实际宽度和高度的比例相等就足够了。你同意我的看法吗?

因此,如果我在此处查看商人:

https://tiket.hu/sell/services

桌面上的 Businessmen 尺寸为 468x346,如果我通过 width={100} height={74} 则返回的图像将具有最佳尺寸。正确的?并且加载速度也将是最佳的。

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

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