Next.js应该使用什么图像大小?



Docs说:

图像的宽度,单位为像素。必须是不带单位的整数。图像的高度,以像素为单位。

必须是不带单位的整数。

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

不同的设备可以有不同的尺寸。设备可以是桌面设备或移动设备。发送每张图片的实际大小有点繁琐。

我认为我不必发送图像的确切大小,但发送的宽度,高度的比例等于实际宽度和高度的比例就足够了。你同意我的看法吗?

如果我看这里的商人:

https://tiket.hu/sell/services

桌面上的商人有一个468x346的大小,那么如果我传递width={100} height={74},那么返回的图像将具有最佳大小。对吧?加载速度也将是最佳的。

对,但是你要传递的宽度和高度必须是你将要使用的最大的宽度和高度,例如,举个例子,如果你要在桌面使用的图像是468x346,你应该将它传递给你的图像组件width={468} height={346}

组件将为较小的设备优化图像大小,而不是为较大的设备优化图像大小。你传递的大小是组件将要返回和渲染的最大的一个。

相关内容

  • 没有找到相关文章

最新更新