Gatsby 如何使用盖茨比形象和知足

我正试图处理盖茨比项目中的视网膜图像。我的内容提供商很满意。我正在上传2张图片。我目前正在使用盖茨比图像插件。要获得我使用的正确图像，请执行以下操作：

    images{
      fluid{
        ...GatsbyContentfulFluid_withWebp
      }
    } 

我还使用了用来处理视网膜图像的标签

<Img fluid={image.fluid} alt="" class="mw-100 d-inline-block" />

但是。。在一天结束的时候。我得到了错误的图像

我得到了800w，所以看起来我在图像后面得到了一个断点

我已经解决了这个问题。有两个问题，默认情况下盖茨比插件夏普使用质量50和maxWidth 800px。我刚刚更新了Qualified 100和maxWidth 2500，因为我在等待更大的图像

fluid(maxWidth: 2500, quality: 100){
 ...GatsbyContentfulFluid_withWebp
}

我已经解决了这个问题。有两个问题，默认情况下盖茨比插件夏普使用质量50和maxWidth 800px。我刚刚更新了Qualified 100和maxWidth 2500，因为我在等待更大的图像

fluid(maxWidth: 2500, quality: 100){
 ...GatsbyContentfulFluid_withWebp
}

---

因此，默认情况下，盖茨比图像将流体图像的质量设置为50，宽度设置为800。但是，始终可以更改质量、maxwidth和srcsetbreakpoints

fluid(maxWidth: 1400 , quality: 100) {
  ...GatsbyImageSharpFluid
}

---

因此，默认情况下，盖茨比图像将流体图像的质量设置为50，宽度设置为800。但是，始终可以更改质量、maxwidth和srcsetbreakpoints

fluid(maxWidth: 1400 , quality: 100) {
  ...GatsbyImageSharpFluid
}