--- title: "How to Use the Gatsby Image CDN on Netlify" description: "Learn how the new Gatsby Image CDN feature can slash build times for your site, and how to use it on your Netlify sites for free." source: "https://www.netlify.com/blog/gatsby-image-cdn-on-netlify/" last_updated: "2026-07-11T00:32:58.000Z" --- The hottest launch at GatsbyConf last week was the Image CDN, which is great news for large Gatsby sites or those with lots of images. The feature – available now in beta – can dramatically cut build times and is available to use on Netlify today. One of our favorite things about Gatsby is its best-in-class image support. As developers, we love how easy it is to add responsive, optimized images to sites in all modern formats, and our users love how fast these images load, even on slow networks. The downside to this has been build times, with image processing usually being the slowest part of any Gatsby site build. The new image CDN feature solves this by skipping image processing during the build, and instead deferring and offloading it to a dedicated image CDN. Visitors still get images in the most optimized formats such as AVIF and WebP, but site builds complete in a fraction of the time. We love this model, which is becoming the most popular approach in web frameworks in 2022. Gatsby’s implementation is great, and we’re happy to have first-class support on Netlify. ## Using Gatsby Image CDN on Netlify Gatsby Image CDN is available for users on all Netlify plans today. Just like Gatsby DSG pages, the Gatsby Image CDN is implemented using Netlify [On-Demand Builders](https://docs.netlify.com/configure-builds/on-demand-builders/), meaning that the image is processed when it is first loaded and then persisted for future requests. The image is processed for the first visitor (which is probably you!) and then everybody else will have the optimized image served from the edge cache with no need for further resizing. The Gatsby Image CDN is currently in beta, so we haven’t enabled it by default. See the [image CDN docs](https://github.com/netlify/netlify-plugin-gatsby/blob/main/docs/image-cdn.md) for how to enable it in Netlify. At time of writing it supports WordPress and Contentful, but the Gatsby team has promised to quickly bring support to other sources over the next few weeks, and these will be available on Netlify as soon as they launch. We’re excited Netlify has been the top choice for hosting Gatsby since the start, and we’re committed to supporting all new features on day one. This is one reason that more Gatsby sites are hosted on Netlify than anywhere else. [See how to enable the Gatsby Image CDN on Netlify today.](https://github.com/netlify/netlify-plugin-gatsby/blob/main/docs/image-cdn.md) If you want to see it in action with some cute dogs, [see this demo](https://gatsby-image-cdn-demo.netlify.app/). To try it out on WordPress, you can [deploy this template to Netlify](https://app.netlify.com/start/deploy?repository=https://github.com/ascorbic/wordpress-gatsby-demo). [![](https://www.netlify.com/img/deploy/button.svg "Deploy to Netlify")](https://app.netlify.com/start/deploy?repository=https://github.com/ascorbic/wordpress-gatsby-demo) (Clicking this button will clone a WordPress Gatsby blog boilerplate to your Git provider of choice, and deploy it instantly to Netlify) _Matt Kane is principal engineer on the frameworks integration team at Netlify, building first-class support for every web framework. He previously worked at Gatsby, where he helped build the Gatsby Image plugin._ ### Share - [X (fka Twitter)](https://twitter.com/intent/tweet?text=How to Use the Gatsby Image CDN on Netlify&url=https://www.netlify.com/blog/gatsby-image-cdn-on-netlify/) - [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2Fgatsby-image-cdn-on-netlify%2F) - [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/gatsby-image-cdn-on-netlify/) - [Bluesky](https://bsky.app/intent/compose?text=How to Use the Gatsby Image CDN on Netlify+https://www.netlify.com/blog/gatsby-image-cdn-on-netlify/) * * * ### Tags - [Gatsby](/blog/tags/gatsby/) - [Gatsby Image CDN](/blog/tags/gatsby-image-cdn/) ## Keep reading ![](/images/blog-fallback-thumbnail.svg) News & Announcements December 14, 2021 [ ### On-demand Builders are now generally available ](/blog/2021/12/14/on-demand-builders-are-now-generally-available/) - ![Profile picture of Joey Aiello](/_astro/25200030a88292283718f0790ad80b0fdd8439b3-512x512_1JNFW2.webp) Joey Aiello ![](/images/blog-fallback-thumbnail.svg) Guides & Tutorials June 11, 2020 [ ### 5 Optimizations for Faster Gatsby Builds ](/blog/2020/06/11/5-optimizations-for-faster-gatsby-builds/) - ![Profile picture of Jason Lengstorf](/_astro/11b8e51d90b26838de71904294430279b7099995-700x700_1R7sJe.webp) Jason Lengstorf ## Recent posts News & Announcements June 25, 2026 [ ### Netlify Functions, designed for Agent Experience ](/blog/netlify-functions-designed-for-agent-experience) - ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp) Eduardo Bouças News & Announcements June 24, 2026 [ ### How we measure Netlify’s Agent Experience ](/blog/how-we-measure-netlify-agent-experience) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts Guides & Tutorials May 15, 2026 [ ### How to build a real-time AI chatbot in minutes with Netlify Agent Runners (no backend) ](/blog/how-to-build-a-real-time-ai-chatbot-in-minutes-with-netlify-agent-runners-no-backend) - ![Profile picture of Nahrin Jalal](/_astro/f0e7c8f227a03fe58340c99ef5439d5a896c0733-272x272_Z23kDpD.webp) Nahrin Jalal ![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp) ### How do the best dev and marketing teams work together? [Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)