如何使用自然宽度（分辨率）从内容中获取图像？

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只是一个帮手，你可以完全查询没有它的图像，就像其他任何条目一样。