diff --git a/public/images/hero-banner-1280.webp b/public/images/hero-banner-1280.webp
new file mode 100644
index 0000000..1b617ef
Binary files /dev/null and b/public/images/hero-banner-1280.webp differ
diff --git a/public/images/hero-banner-2x.webp b/public/images/hero-banner-2x.webp
index c2d4bbe..85041bd 100644
Binary files a/public/images/hero-banner-2x.webp and b/public/images/hero-banner-2x.webp differ
diff --git a/public/images/hero-banner.jpg b/public/images/hero-banner.jpg
index 75a28a0..1c1640f 100644
Binary files a/public/images/hero-banner.jpg and b/public/images/hero-banner.jpg differ
diff --git a/public/images/hero-banner.png b/public/images/hero-banner.png
index 8c83a90..f3ca036 100644
Binary files a/public/images/hero-banner.png and b/public/images/hero-banner.png differ
diff --git a/public/images/hero-banner.webp b/public/images/hero-banner.webp
index cf33fda..b3b728e 100644
Binary files a/public/images/hero-banner.webp and b/public/images/hero-banner.webp differ
diff --git a/src/pages/index.astro b/src/pages/index.astro
index fb5f8e0..a747558 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -73,7 +73,7 @@ const featuredMetrics: Record<string, string> = {
         aria-label="View full architecture diagram"
       >
         <picture>
-          <source srcset="/images/hero-banner-2x.webp 2048w, /images/hero-banner.webp 1024w" sizes="(max-width: 960px) 100vw, 560px" type="image/webp" />
+          <source srcset="/images/hero-banner-2x.webp 2048w, /images/hero-banner-1280.webp 1280w, /images/hero-banner.webp 1024w" sizes="(max-width: 960px) 100vw, 560px" type="image/webp" />
           <img
             class="hero-banner-img"
             src="/images/hero-banner.jpg"
diff --git a/src/pages/zh/index.astro b/src/pages/zh/index.astro
index f575db2..91c5a85 100644
--- a/src/pages/zh/index.astro
+++ b/src/pages/zh/index.astro
@@ -74,7 +74,7 @@ const featuredMetrics: Record<string, string> = {
         aria-label="点击放大架构图"
       >
         <picture>
-          <source srcset="/images/hero-banner-2x.webp 2048w, /images/hero-banner.webp 1024w" sizes="(max-width: 960px) 100vw, 560px" type="image/webp" />
+          <source srcset="/images/hero-banner-2x.webp 2048w, /images/hero-banner-1280.webp 1280w, /images/hero-banner.webp 1024w" sizes="(max-width: 960px) 100vw, 560px" type="image/webp" />
           <img
             class="hero-banner-img"
             src="/images/hero-banner.jpg"