从文档：
- https://nextjs.org/docs/basic-features/image-optimization
- https://nextjs.org/docs/api-reference/next/image
自动图像优化允许在浏览器支持时以 WebP 等现代格式调整图像大小、优化和提供图像。这避免了将大图像传送到具有较小视口的设备。它还允许 Next.js 自动采用未来的图像格式并将它们提供给支持这些格式的浏览器。
我的用例如下：
- 博客网站
- 博客文章的身体图像
- 缩略图
这是我到目前为止一直在做的事情（没有任何优化）：
- 身体图像（我只将最大 150kb 的图像上传到我的存储空间）。
- 缩略图（我将它们限制在 30kb 以内）。
我目前没有设置任何图像优化。我只是将图像上传到我的存储中，并且我在上传组件上设置了文件大小限制，因此我可以避免大文件。
现在我将使用next/image，这是否意味着我不再需要处理这些文件大小了？将较大的图像上传到我的存储并信任 Next 进行优化是否安全？或者，无论 Next.js 如何为它们提供服务，我仍然应该上传较小尺寸的图像吗？
例如：如果我将3mb图像上传到我的存储怎么办？Next.js 将如何处理该图像？
我还应该对我的上传组件强制执行文件大小限制吗？