如何让响应式图像与 gatsby 一起使用？

如何解决如何让响应式图像与 gatsby 一起使用？

我正在尝试使用响应式图片。所以在小屏幕上只会加载 $ java -Djavax.net.debug=all 图像，但出于某种原因，140w 图像是在所有屏幕尺寸上加载的图像。我错过了什么？

这是来自浏览器检查器的渲染图像：

267w

这是查询：

<img
  sizes="(max-width: 768px) 140px,(max-width: 980px) 172px,267px"
  srcset="/static/f6680b3e61a32e10eb33611223ce5cee/0676e/shutterstock_1192949827.png 140w,/static/f6680b3e61a32e10eb33611223ce5cee/6e3d2/shutterstock_1192949827.png 172w,/static/f6680b3e61a32e10eb33611223ce5cee/a68ed/shutterstock_1192949827.png 267w,/static/f6680b3e61a32e10eb33611223ce5cee/982ec/shutterstock_1192949827.png 1600w"
  src="/static/f6680b3e61a32e10eb33611223ce5cee/a68ed/shutterstock_1192949827.png"
  alt=""
/>