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 和渲染的最大尺寸。
文档说:
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 和渲染的最大尺寸。