如何使用自然宽度(分辨率)从内容中获取图像

Question

我在内容中具有各种尺寸的图像，即200px，600px，800px，1000px等。

如果我根据gatsby.js文档使用 responsiveresolution，它将将我的小图像重新分配：

allContentfulProduct {
    edges {
      node {
        id
        productName
        image {
          responsiveResolution(width: 600) {
            width
            height
            src
            srcSet
          }
        }
      }
    }
  }
}

如何从内容中获得自然分辨率？gatsby.js中的responsiveresolution可以使用更好的文档！

Answer 1

您可以通过运行此查询获得自然分辨率。

allContentfulProduct {
    edges {
      node {
        id
        productName
        image {
          file{
            url
          }
        }
      }
    }
  }
}

responsiveResolution只是一个助手，您可以像其他任何条目一样完全查询图像。