所以我让我的网站使用 Next.js，似乎所有图像都被正确渲染。但是，某些图像无法呈现，当我转到浏览器 devtools 并看到控制台时，它显示 GET https://mydomain/_next/image?url=%2Fimages%2Fprogress%2Fcheck.svg&w=32&q=75 400错误。我在我的服务器上使用球童，我怀疑我应该调整我的球童以代理资产 url，但奇怪的是，只是一些图像引发了这个错误，而不是所有图像。我已经使用网站上正确呈现的图像检查了导入方法，但我看不出发生了什么问题，因为我认为我正确地导入了它。
我如何导入图片网址：
import checkFill from "@public/images/Progress/check-fill.svg";
我如何渲染图像：
<Image src={checkFill} width={30} height={30} alt='check-fill' />
解决此问题的解决方法是什么？在 next.js 生产环境中提供资产的最佳方式是什么？