See what's launched

The next gen Gatsby is here Performance, developer velocity, and scaling to meet Enterprise needs - See what’s launched

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 5

  • Load a video
  • Load a GIF
  • Working with other media types
  • Using Gatsby Image with Remote Images
  • Using Cloudinary for image transforms
© 2022 Gatsby, Inc.