/ / Comment obtenir des images de contenu en utilisant la largeur naturelle (résolution)? - content, gatsby

Comment obtenir des images de contenu en utilisant la largeur naturelle (résolution)? - content, gatsby

J'ai des images de différentes tailles en content, c'est-à-dire des largeurs de 200px, 600px, 800px, 1000px, etc.

si j'utilise responsiveresolution Selon la documentation gatsby.js, mes petites images seront mises à jour.

allContentfulProduct { edges { node { id productName image { responsiveResolution(width: 600) { width height src srcSet } } } } } } Comment puis-je obtenir la résolution naturelle des images avec un contenu? responsiveresolution dans gatsby.js pourrait utiliser une meilleure documentation!

Réponses:

3 pour la réponse № 1

vous pouvez obtenir la résolution naturelle en faisant cette requête

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

la responsiveResolution est juste une aide, et vous pouvez totalement interroger l'image normalement comme vous le feriez avec et entrée.

J'espère que ça aide.

Meilleur, Khaled