egghead.io
  1. 1
    Install gatsby-image and source local images from the filesystem
    1m 5s
  2. 2
    Import a Local Image into a Gatsby Component with webpack
    30s
  3. 3
    Use gatsby-image with an image from a relative path
    1m 6s
  4. 4
    Use gatsby-image's GraphQL fragments for blurred-up and traced SVG images
    32s
  5. 5
    Use a local image from the static folder in a Gatsby component
    30s
  6. 6
    Add multiple images from a directory with gatsby-image
    1m 13s

Use gatsby-image with an image from a relative path

Kyle Gill
InstructorKyle Gill
  • gatsby
    Gatsby
  • graphql
    GraphQL

Share this video with your friends

Send Tweet

Learn how to use image from the filesystem at a relative path with the gatsby-image plugin.

  • Written recipe for this video
  • Gatsby documentation
illustration for Image Loading and Optimization in Gatsby with gatsby-image

Course

Image Loading and Optimization in Gatsby with gatsby-image

Build your Developer Portfolio and climb the engineering career ladder.
  • Search
  • Talks
  • Podcasts
  • Machine
  • Pricing
  • Store
©egghead.io
Terms & Conditions