feat(gatsby-transformer-sharp): Add avif to supportedExtensions (#37112)

Author: heimoshuiyu

packages/gatsby-remark-images/README.md

@@ -97,6 +97,9 @@ This plugin will support the following formats:
 
 - JPEG
 - PNG
+- WEBP
+- TIFF
+- AVIF
 
 Since [Sharp][5] is used for image processing, this plugin will not support GIFs or SVGs. If you would like to render these file types with the image markdown syntax, use the [`gatsby-remark-copy-linked-files`](https://www.gatsbyjs.com/plugins/gatsby-remark-copy-linked-files/) plugin. Do note with this it will load in the images, but won't use the features of [Sharp][5] such as the elastic container or the blur-up enhancements.
 

packages/gatsby-remark-images/src/index.js

@@ -25,6 +25,7 @@ const supportedExtensions = {
   webp: true,
   tif: true,
   tiff: true,
+  avif: true,
 }
 
 // If the image is relative (not hosted elsewhere)

packages/gatsby-transformer-sharp/src/supported-extensions.js

@@ -5,6 +5,7 @@ const supportedExtensions = {
   webp: true,
   tif: true,
   tiff: true,
+  avif: true,
 }
 
 module.exports = {