diff --git a/lib/install/config/webpacker.yml b/lib/install/config/webpacker.yml
index c7966cbf5..16ebae636 100644
--- a/lib/install/config/webpacker.yml
+++ b/lib/install/config/webpacker.yml
@@ -26,6 +26,8 @@ default: &default
     - .tiff
     - .ico
     - .svg
+    - .webp
+    - .avif
     - .eot
     - .otf
     - .ttf
diff --git a/package/__tests__/config.js b/package/__tests__/config.js
index 7434be530..828e809d1 100644
--- a/package/__tests__/config.js
+++ b/package/__tests__/config.js
@@ -62,6 +62,8 @@ describe('Config', () => {
       '.tiff',
       '.ico',
       '.svg',
+      '.webp',
+      '.avif',
     ])
   })
 })
diff --git a/test/helper_test.rb b/test/helper_test.rb
index 60ceb119a..2715445e4 100644
--- a/test/helper_test.rb
+++ b/test/helper_test.rb
@@ -40,6 +40,7 @@ def test_image_pack_path
     assert_equal "/packs/media/images/image-c38deda30895059837cf.jpg", image_pack_path("media/images/image.jpg")
     assert_equal "/packs/media/images/nested/image-c38deda30895059837cf.jpg", image_pack_path("nested/image.jpg")
     assert_equal "/packs/media/images/nested/image-c38deda30895059837cf.jpg", image_pack_path("media/images/nested/image.jpg")
+    assert_equal "/packs/media/images/nested/image-c38deda30895059837cf.webp", image_pack_path("media/images/nested/image.webp")
   end
 
   def test_image_pack_url
@@ -48,6 +49,7 @@ def test_image_pack_url
     assert_equal "https://example.com/packs/media/images/image-c38deda30895059837cf.jpg", image_pack_url("media/images/image.jpg")
     assert_equal "https://example.com/packs/media/images/nested/image-c38deda30895059837cf.jpg", image_pack_url("nested/image.jpg")
     assert_equal "https://example.com/packs/media/images/nested/image-c38deda30895059837cf.jpg", image_pack_url("media/images/nested/image.jpg")
+    assert_equal "https://example.com/packs/media/images/nested/image-c38deda30895059837cf.webp", image_pack_url("media/images/nested/image.webp")
   end
 
   def test_image_pack_tag
diff --git a/test/test_app/config/webpacker.yml b/test/test_app/config/webpacker.yml
index b5a6f74e4..4a45afab5 100644
--- a/test/test_app/config/webpacker.yml
+++ b/test/test_app/config/webpacker.yml
@@ -34,6 +34,8 @@ default: &default
     - .tiff
     - .ico
     - .svg
+    - .webp
+    - .avif
 
   extensions:
     - .mjs
diff --git a/test/test_app/public/packs/manifest.json b/test/test_app/public/packs/manifest.json
index 2cf150250..527f77ba1 100644
--- a/test/test_app/public/packs/manifest.json
+++ b/test/test_app/public/packs/manifest.json
@@ -6,6 +6,7 @@
   "application.png": "/packs/application-k344a6d59eef8632c9d1.png",
   "fonts/fa-regular-400.woff2": "/packs/fonts/fa-regular-400-944fb546bd7018b07190a32244f67dc9.woff2",
   "media/images/image.jpg": "/packs/media/images/image-c38deda30895059837cf.jpg",
+  "media/images/image.webp": "/packs/media/images/image-c38deda30895059837cf.webp",
   "media/images/image-2x.jpg": "/packs/media/images/image-2x-7cca48e6cae66ec07b8e.jpg",
   "media/images/nested/image.jpg": "/packs/media/images/nested/image-c38deda30895059837cf.jpg",
   "media/images/mb-icon.png": "/packs/media/images/mb-icon-c38deda30895059837cf.png",