Docs说:
图像的宽度,单位为像素。必须是不带单位的整数。图像的高度,以像素为单位。
必须是不带单位的整数。
https://nextjs.org/docs/api-reference/next/image
不同的设备可以有不同的尺寸。设备可以是桌面设备或移动设备。发送每张图片的实际大小有点繁琐。
我认为我不必发送图像的确切大小,但发送的宽度,高度的比例等于实际宽度和高度的比例就足够了。你同意我的看法吗?
如果我看这里的商人:
https://tiket.hu/sell/services
桌面上的商人有一个468x346的大小,那么如果我传递width={100} height={74}
,那么返回的图像将具有最佳大小。对吧?加载速度也将是最佳的。
对,但是你要传递的宽度和高度必须是你将要使用的最大的宽度和高度,例如,举个例子,如果你要在桌面使用的图像是468x346,你应该将它传递给你的图像组件width={468} height={346}
组件将为较小的设备优化图像大小,而不是为较大的设备优化图像大小。你传递的大小是组件将要返回和渲染的最大的一个。