diff --git a/pages/index.vue b/pages/index.vue
index 030e6c9..f3bb20a 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -10,7 +10,14 @@
               <picture class="absolute w-full h-full left-0 top-0 -z-10">
                 <source media="(max-width: 480px)" :srcset="slide.bgSm" />
                 <source media="(max-width: 1280px)" :srcset="slide.bgLg" />
-                <img :src="slide.bgLg" loading="eager" class="size-full object-cover" />
+                <NuxtImg
+                  :src="slide.bgLg"
+                  class="size-full object-cover"
+                  loading="eager"
+                  format="webp"
+                  quality="90"
+                  placeholder
+                />
               </picture>
               <div class="w-[1440px] md:w-[870px] sm:w-[300px] sm:top-19 relative mx-auto">
                 <div class="swiper-banner-info">