Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

Images and Media

Images and media are a key part of making websites rich and interactive. Gatsby offers tools to create rich experiences with gatsby-image, while preventing performance hits.

 Main Guides 3

Assets from filesystem

Two major ways to import assets, such as images, fonts, and files, into a Gatsby site.

Gatsby Image Plugin

Gatsby's component for progressive image loading to improve page performance

Static folder

An escape hatch for adding assets outside of the module system

 Additional Guides 6

  • Working with Images in Markdown & MDX
  • Load a video
  • Load a GIF
  • Working with other media types
  • Using Gatsby Image with Remote Images
  • Using Cloudinary for image transforms
© 2023 Gatsby, Inc.