diff --git a/config/loaders.js b/config/loaders.js
index df104575..6f2e53da 100644
--- a/config/loaders.js
+++ b/config/loaders.js
@@ -21,7 +21,7 @@ module.exports = {
         },
       },
       /* ImagesLoader */ {
-        test: /\.(png|jpe?g|gif|svg)$/,
+        test: /\.(png|jpe?g|gif|svg|avif|webp)$/,
         type: 'asset/resource',
         exclude: /icons/,
         include: srcPath + '/img',
diff --git a/src/js/post-build.js b/src/js/post-build.js
index 26e0a806..084d0026 100644
--- a/src/js/post-build.js
+++ b/src/js/post-build.js
@@ -9,4 +9,4 @@ requireAll(require.context('../img/icons', true, /\.svg$/))
 requireAll(require.context('../img/default', true, /\.(png|jpe?g)$/))
 
 // STATIC
-requireAll(require.context('../img/static', true, /\.(png|jpe?g|gif)$/))
+requireAll(require.context('../img/static', true, /\.(png|jpe?g|gif|svg|avif|webp)$/))