我有各种尺寸的图像,包括200px,600px,800px,1000px等宽度。
如果我根据gatsby.js文档使用responsiveresolution
,它会提升我的小图片
allContentfulProduct {
edges {
node {
id
productName
image {
responsiveResolution(width: 600) {
width
height
src
srcSet
}
}
}
}
}
}
如何从内容中获得图像的自然分辨率?
gatsby.js中的responsiveresolution
可以使用更好的文档!
答案 0 :(得分:4)
您可以通过运行此查询获得自然分辨率。
allContentfulProduct {
edges {
node {
id
productName
image {
file{
url
}
}
}
}
}
}
responsiveResolution
只是一个帮手,你可以完全查询没有它的图像,就像其他任何条目一样。