See what's launched

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

Sign Up for Free
Community Plugin
View plugin on GitHub


Copies images referenced from markdown to your public folder.


npm install --save gatsby-remark-copy-images

How to use

// In your gatsby-config.js
plugins: [
    resolve: `gatsby-transformer-remark`,
    options: {
      plugins: [

Then in your Markdown files, simply reference the image.


title: My awesome blog post

Hey everyone, I just made a sweet GIF with lots of interesting stuff in


my-awesome-gif.gif should be in the same directory as the markdown file. When you build your site, the file will be copied to the public folder and the markdown HTML will be modified to point to it.


This was adapted from gatsby-remark-copy-linked-files.

© 2022 Gatsby, Inc.