Next.js中的Image组件有点问题。我使用的是Next 11.0.1版本，在开发和本地环境中没有发现任何问题。图像正在优化，一切正常。然而，我和团队发现，当网站部署在生产中时，图像并没有得到优化。我们正在使用亚马逊服务来做到这一点。
以下是我的意思的证明：
本地环境：
On wide-screen (1024px width)
Rendered size: 50 x 50 px
File size: 1.3 kB
生产环境：
On wide-screen (1024px width)
Rendered size: 512 x 512 px
File size: 41.5 kB
当然，这并不是一个很大的区别，但我仍然想知道如何在生产环境中解决这个问题。我还添加了对项目本身的sharp依赖，因为我知道这将提高在页面上加载图像的性能。问题可能是亚马逊没有正确设置吗？
Next.config.js
module.exports = {
reactStrictMode: true,
images: {
domains: ['avatars.slack-edge.com'],
},
};
Next.js图像优化需要尖锐的npm包作为依赖项。(https://nextjs.org/docs/messages/install-sharp)
确保sharp npm软件包已正确安装在生产环境中。
Next.js<v13next/legacy/image？
"从Next.js 13开始，Next/image组件被重写，以提高性能和开发人员体验。为了提供向后兼容的升级解决方案，旧的next/image被重命名为next/legate/image">
https://nextjs.org/docs/api-reference/next/legacy/image
我不是在问你是否使用相同的设备prod/dev进行了测试，因为你知道在较小的设备上你会得到较小的图像(图像总是针对目标设备进行优化(