title: gatsby-image: difference between childImageSharp vs imageSharp
body: <p>I'm using gatsby-image to handle automatically handle different image sizes. It works great.</p>
  
  <p>However, in the <a href="https://www.gatsbyjs.org/packages/gatsby-image/" rel="noreferrer">docs</a> of gatsby-image, one example uses <code>imageSharp</code> in graphql to get different image sizes, while another example uses <code>childImageSharp</code>. I was curious what the difference between the two are?</p>
  
  <p>I assume it has to do with either <code>gatsby-transformer-sharp</code> or <code>gatsby-plugin-sharp</code>, but the docs for those plugins don't have any info on that either.</p>