title: Gatsby Image query returns out of order images
body: <p>I'm making a Gatsby Image gallery with 650 images.<br />
  Images are named sequentially: <code>1.jpg, 2.jpg, 3.jpg, ..., 650.jpg</code></p>
  <p>Then I run this query, which should order them by name:</p>
  <pre><code>export const query = graphql`
    query ImagesForGallery {
      images: allFile(filter: { relativeDirectory: { eq: &quot;gallery&quot; } }, sort: { fields: name }) {
        edges {
          node {
            childImageSharp {
              thumb: fluid(maxWidth: 270, maxHeight: 270) {
                ...GatsbyImageSharpFluid
                originalName
              }
              full: fluid(maxWidth: 1024) {
                ...GatsbyImageSharpFluid
              }
            }
          }
        }
      }
    }
  `;
  </code></pre>
  <p>Then, pictures are returned in this order:<br />
  <code>1.jpg, 10.jpg, 100.jpg, 101.jpg, ..., 2.jpg, 20.jpg, 200.jpg, 201.jpg, ...</code></p>
  <p>So, the images are not being returned in numeric order, but they are using some sort of pseudo-alphabetical order instead. :(</p>
  <p>How can I return them in numeric order OR, how can I rename all images to comply with Gatsby order ?</p>
  <p>Edit: The easiest way to test is with 6 pictures named:<br />
  <code>1.jpg, 2.jpg, 10.jpg, 11.jpg, 100.jpg, 101.jpg</code></p>