Comment obtenir des images de contentful en utilisant la largeur naturelle (résolution)?

Question

J'ai des images de différentes tailles dans des largeurs de 200px-à-dire, pourvues d'un contenu 600px, 800px, 1000px etc.

si j'utilise responsiveresolution par les gatsby.js docs, il en-rés mes petites images

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

Answer 1

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

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

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

J'espère que cela aide.

Best, Khaled