Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
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.

© 2023 Gatsby, Inc.