You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Gatsby has rich support for processing images. Responsive images are a big part of the modern web and typically involve creating 5+ sized thumbnails per photo. With Gatsby's [`gatsby-transformer-sharp`](/packages/gatsby-transformer-sharp/), you can _query_ your images for responsive versions. The query automatically creates all the needed responsive thumbnails and returns `src` and `srcSet` fields to add to your image element.
Combined with a special Gatsby image component, [gatsby-image](/packages/gatsby-image/), you have a very powerful set ofprimativesfor building sites with images.
Combined with a special Gatsby image component, [gatsby-image](/packages/gatsby-image/), you have a very powerful set ofprimitivesfor building sites with images.
This is what a component using `gatsby-image` looks like: