diff --git a/next.config.mjs b/next.config.mjs
index f298bc4..1c595f8 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -8,7 +8,8 @@ const nextConfig = {
       'userimage.bucket.s3.ap-northeast-2.amazonaws.com',
       'sabujak-image-bucket.s3.ap-northeast-2.amazonaws.com',
       '*'
-    ]
+    ],
+    formats: ['image/avif', 'image/webp']
   },
   reactStrictMode: true,
   webpack: (config, { isServer }) => {