diff --git a/gatsby-config.js b/gatsby-config.js
index 8af9ef277f3e6..7f7801c1dac29 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -392,6 +392,7 @@ module.exports = {
       resolve: "gatsby-plugin-sharp",
       options: {
         defaults: {
+          formats: ["auto", "webp", "avif"],
           placeholder: "blurred",
         },
       },