我正在开发一个拥有大量图像的网站(Nextjs(。因此，为了获得更好的性能，图像优化是必不可少的。我检查了一下，发现nextjs的Image组件从srcset中的图像中生成了许多质量和大小。此外，我的CDN提供查询参数，以获取特定质量和大小的图像。我认为最好的方法是在CDN中制作webp图像，并将其与Next.js的Image组件一起使用。但是，如果用户浏览器不支持webp，图像组件该怎么办？它能自动把它转换成jpg吗？是使用Nextjs image组件的图像优化更好，还是为其提供加载程序道具并使用CDN优化更好？
您可以使用next/image组件。它拥有最好的图像优化工具。它还可以优化您的本地或CDN映像。我可以在不降低图像质量的情况下通过缩小20-60%来优化图像？
另一方面，如果您有其他格式的图像，如jpg、png、svg，那么您可以使用下一个优化的图像。这与next/image组件相同。。