diff --git a/packages/gatsby-plugin-sharp/src/process-file.js b/packages/gatsby-plugin-sharp/src/process-file.js
index 00d57100e748a..cc3428f956d4d 100644
--- a/packages/gatsby-plugin-sharp/src/process-file.js
+++ b/packages/gatsby-plugin-sharp/src/process-file.js
@@ -123,6 +123,10 @@ exports.processFile = (file, transforms, options = {}) => {
           quality: transformArgs.quality,
           force: transformArgs.toFormat === `tiff`,
         })
+        .avif({
+          quality: transformArgs.quality,
+          force: transformArgs.toFormat === `avif`,
+        })
 
       // jpeg
       if (!options.useMozJpeg) {