微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决Next.js 应该使用多大的图像?

文档说:

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

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

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

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

所以,如果我看这里的商人:

https://tiket.hu/sell/services

桌面上的商人的尺寸为 468x346,那么如果我通过 width={100} height={74},则返回的图像将具有最佳尺寸。对?并且加载速度也会达到最佳。

解决方法

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

该组件将为较小的设备优化图像大小,但不会为较大的设备优化。您传递的大小是组件将要返回和呈现的最大大小。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。