PERFORMANCE

Real World Performance: lazy loading, optimizing media, faster analytics join us Wednesday

Images, Files & Video in Gatsby

Gatsby provides multiple solutions for adding images, video, and files to your projects. And a pro tip: you don’t necessarily have to use GraphQL! From imports and use of the static folder to dynamic queries with gatsby-plugin-image to prevent image bloat, you’ve got options.

This section will walk you through several common patterns for handling media with Gatsby, where you can learn about the pros and cons of each method.

In this section:

Start building today on Gatsby Cloud!
Edit this page on GitHub
© 2023 Gatsby, Inc.