diff --git a/.vitepress/buildEnd.config.ts b/.vitepress/buildEnd.config.ts
index 29662387e..945936975 100644
--- a/.vitepress/buildEnd.config.ts
+++ b/.vitepress/buildEnd.config.ts
@@ -14,7 +14,7 @@ export const buildEnd = async (config: SiteConfig): Promise<void> => {
     id: blogUrl,
     link: blogUrl,
     language: 'en',
-    image: 'https://vite.dev/og-image.png',
+    image: 'https://vite.dev/og-image.jpg',
     favicon: 'https://vite.dev/logo.svg',
     copyright: 'Copyright © 2019-present VoidZero Inc. & Vite Contributors',
   })
diff --git a/.vitepress/theme/components/AsideSponsors.vue b/.vitepress/theme/components/AsideSponsors.vue
index e45b78cf9..f9a49ae3d 100644
--- a/.vitepress/theme/components/AsideSponsors.vue
+++ b/.vitepress/theme/components/AsideSponsors.vue
@@ -24,7 +24,12 @@ const sponsors = computed(() => {
     href="https://viteconf.org/?utm=vite-sidebar"
     target="_blank"
   >
-    <img width="22" height="22" src="/viteconf.svg" alt="ViteConf Logo" />
+    <img
+      width="22"
+      height="22"
+      src="../../../images/viteconf.svg"
+      alt="ViteConf Logo"
+    />
     <span>
       <p class="extra-info">Building Together</p>
       <p class="heading">ViteConf 2025</p>
diff --git a/.vitepress/theme/components/landing/1. hero-section/HeroDiagram.vue b/.vitepress/theme/components/landing/1. hero-section/HeroDiagram.vue
index 171f58e0e..3e0608d5f 100644
--- a/.vitepress/theme/components/landing/1. hero-section/HeroDiagram.vue	
+++ b/.vitepress/theme/components/landing/1. hero-section/HeroDiagram.vue	
@@ -470,7 +470,7 @@ onMounted(() => {
       </div>
       <div class="vite-chip__filter" />
       <img
-        :src="isUwu ? '/logo-uwu.png' : '/logo.svg'"
+        :src="isUwu ? '/logo-uwu.webp' : '/logo.svg'"
         :alt="isUwu ? 'Vite Kawaii Logo by @icarusgkx' : 'Vite Logo'"
         class="vite-chip__logo"
         :class="{ uwu: isUwu }"
@@ -715,7 +715,7 @@ onMounted(() => {
   }
 
   background:
-    url('/noise.png'),
+    url('../common/noise.webp'),
     radial-gradient(
       circle at right center,
       rgb(86, 50, 119) 0%,
@@ -732,7 +732,7 @@ onMounted(() => {
 
   @media (min-width: 1024px) {
     background:
-      url('/noise.png'),
+      url('../common/noise.webp'),
       radial-gradient(
         circle at right center,
         rgba(75, 41, 105, 0.5) 0%,
@@ -751,7 +751,7 @@ onMounted(() => {
 
   @media (min-width: 1500px) {
     background:
-      url('/noise.png'),
+      url('../common/noise.webp'),
       radial-gradient(
         circle at right center,
         rgba(75, 41, 105, 0.5) 0%,
@@ -770,7 +770,7 @@ onMounted(() => {
 
   @media (min-width: 1800px) {
     background:
-      url('/noise.png'),
+      url('../common/noise.webp'),
       radial-gradient(
         circle at right center,
         rgba(75, 41, 105, 0.5) 0%,
diff --git a/.vitepress/theme/components/landing/1. hero-section/HeroSection.vue b/.vitepress/theme/components/landing/1. hero-section/HeroSection.vue
index 8634692f1..7bf3a4430 100644
--- a/.vitepress/theme/components/landing/1. hero-section/HeroSection.vue	
+++ b/.vitepress/theme/components/landing/1. hero-section/HeroSection.vue	
@@ -11,7 +11,12 @@ import HeroDiagram from './HeroDiagram.vue'
         class="hero__pill"
         target="_blank"
       >
-        <img src="/viteconf.svg" alt="Viteconf logo" width="20" height="20" />
+        <img
+          src="../../../../../images/viteconf.svg"
+          alt="Viteconf logo"
+          width="20"
+          height="20"
+        />
         <span>ViteConf 2025</span>
       </a>
 
@@ -31,7 +36,7 @@ import HeroDiagram from './HeroDiagram.vue'
           class="btn btn--outline"
         >
           <img src="/github.svg" alt="GitHub logo" width="20" height="20" />
-          GitHub
+          <img src="./github.svg" alt="GitHub logo" width="20" height="20" />
         </a>
       </div>
     </div>
diff --git a/public/github.svg b/.vitepress/theme/components/landing/1. hero-section/github.svg
similarity index 100%
rename from public/github.svg
rename to .vitepress/theme/components/landing/1. hero-section/github.svg
diff --git a/.vitepress/theme/components/landing/2. feature-section/FeatureInstantServerStart.vue b/.vitepress/theme/components/landing/2. feature-section/FeatureInstantServerStart.vue
index fa332ef29..99bb1e3fd 100644
--- a/.vitepress/theme/components/landing/2. feature-section/FeatureInstantServerStart.vue	
+++ b/.vitepress/theme/components/landing/2. feature-section/FeatureInstantServerStart.vue	
@@ -344,7 +344,7 @@ onUnmounted(() => {
       height: 100%;
       border-radius: 12px 0 0 12px;
       background:
-        url('/noise.png'),
+        url('../common/noise.webp'),
         radial-gradient(
           ellipse 140% 80% at 96% bottom,
           #13b351 0%,
@@ -381,7 +381,7 @@ onUnmounted(() => {
     right: 40px;
     width: 1px;
     height: calc(100% - 170px - 33px);
-    background: url('/noise.png'), #13b351;
+    background: url('../common/noise.webp'), #13b351;
     box-shadow: 0 0 10px 0 #13b351;
     transition: all 0.5s ease-in;
     will-change: transform, opacity;
diff --git a/.vitepress/theme/components/landing/5. sponsor-section/SponsorSection.vue b/.vitepress/theme/components/landing/5. sponsor-section/SponsorSection.vue
index f1edbf1ad..6da85ac50 100644
--- a/.vitepress/theme/components/landing/5. sponsor-section/SponsorSection.vue	
+++ b/.vitepress/theme/components/landing/5. sponsor-section/SponsorSection.vue	
@@ -41,7 +41,7 @@ const { data } = useSponsor()
     <!-- Title Section -->
     <img
       class="icon-heart"
-      src="/heart.svg"
+      src="./heart.svg"
       alt="Vite is made possible by our contributors, partner companies, and sponsors"
       width="58"
       height="55"
diff --git a/public/heart.svg b/.vitepress/theme/components/landing/5. sponsor-section/heart.svg
similarity index 100%
rename from public/heart.svg
rename to .vitepress/theme/components/landing/5. sponsor-section/heart.svg
diff --git a/.vitepress/theme/components/landing/common/noise.webp b/.vitepress/theme/components/landing/common/noise.webp
new file mode 100644
index 000000000..8143a993a
Binary files /dev/null and b/.vitepress/theme/components/landing/common/noise.webp differ
diff --git a/public/astro.svg b/.vitepress/theme/composables/images/astro.svg
similarity index 100%
rename from public/astro.svg
rename to .vitepress/theme/composables/images/astro.svg
diff --git a/public/bolt.svg b/.vitepress/theme/composables/images/bolt.svg
similarity index 100%
rename from public/bolt.svg
rename to .vitepress/theme/composables/images/bolt.svg
diff --git a/public/nuxtlabs.svg b/.vitepress/theme/composables/images/nuxtlabs.svg
similarity index 100%
rename from public/nuxtlabs.svg
rename to .vitepress/theme/composables/images/nuxtlabs.svg
diff --git a/public/stackblitz.svg b/.vitepress/theme/composables/images/stackblitz.svg
similarity index 100%
rename from public/stackblitz.svg
rename to .vitepress/theme/composables/images/stackblitz.svg
diff --git a/public/voidzero.svg b/.vitepress/theme/composables/images/voidzero.svg
similarity index 100%
rename from public/voidzero.svg
rename to .vitepress/theme/composables/images/voidzero.svg
diff --git a/.vitepress/theme/composables/sponsor.ts b/.vitepress/theme/composables/sponsor.ts
index b6ce759e7..5e479f8aa 100644
--- a/.vitepress/theme/composables/sponsor.ts
+++ b/.vitepress/theme/composables/sponsor.ts
@@ -1,4 +1,7 @@
 import { onMounted, onUnmounted, ref } from 'vue'
+import voidZeroSvg from './images/voidzero.svg'
+import boltSvg from './images/bolt.svg'
+import nuxtLabsSvg from './images/nuxtlabs.svg'
 
 interface Sponsors {
   special: Sponsor[]
@@ -28,7 +31,7 @@ const dataUrl = `${dataHost}/vite.json`
 export const voidZero = {
   name: 'VoidZero',
   url: 'https://voidzero.dev',
-  img: '/voidzero.svg',
+  img: voidZeroSvg,
 } satisfies Sponsor
 
 const viteSponsors: Pick<Sponsors, 'special' | 'gold'> = {
@@ -37,13 +40,13 @@ const viteSponsors: Pick<Sponsors, 'special' | 'gold'> = {
     {
       name: 'Bolt',
       url: 'https://bolt.new',
-      img: '/bolt.svg',
+      img: boltSvg,
     },
     // sponsors antfu
     {
       name: 'NuxtLabs',
       url: 'https://nuxtlabs.com',
-      img: '/nuxtlabs.svg',
+      img: nuxtLabsSvg,
     },
   ],
   gold: [
diff --git a/blog/announcing-vite3.md b/blog/announcing-vite3.md
index cd439d86e..7bb7b7a0b 100644
--- a/blog/announcing-vite3.md
+++ b/blog/announcing-vite3.md
@@ -13,7 +13,7 @@ head:
       content: Vite 3.0이 출시되었습니다!
   - - meta
     - property: og:image
-      content: https://vite.dev/og-image-announcing-vite3.png
+      content: https://vite.dev/og-image-announcing-vite3.webp
   - - meta
     - property: og:url
       content: https://vite.dev/blog/announcing-vite3
@@ -31,7 +31,7 @@ _2022년 7월 23일_ - [Vite 4.0 발표](./announcing-vite4.md)도 확인해보
 
 작년 2월, [Evan You](https://twitter.com/youyuxi)가 Vite 2를 릴리스했습니다. 그 이후로 Vite의 채택은 멈추지 않고 성장하여 주당 100만 건 이상의 npm 다운로드를 기록하고 있습니다. 릴리스 후 방대한 생태계가 빠르게 형성되었습니다. Vite는 웹 프레임워크에서 새로운 혁신 경쟁을 이끌고 있습니다. [Nuxt 3](https://v3.nuxtjs.org/)는 기본적으로 Vite를 사용합니다. [SvelteKit](https://kit.svelte.dev/), [Astro](https://astro.build/), [Hydrogen](https://hydrogen.shopify.dev/), [SolidStart](https://docs.solidjs.com/quick-start)는 모두 Vite로 구축되었습니다. [Laravel은 이제 기본적으로 Vite를 사용하기로 결정했습니다](https://laravel.com/docs/9.x/vite). [Vite Ruby](https://vite-ruby.netlify.app/)는 Vite가 Rails DX를 어떻게 개선할 수 있는지 보여줍니다. [Vitest](https://vitest.dev)는 Jest의 Vite 네이티브 대안으로 진전을 이루고 있습니다. Vite는 [Cypress](https://docs.cypress.io/guides/component-testing/writing-your-first-component-test)와 [Playwright](https://playwright.dev/docs/test-components)의 새로운 컴포넌트 테스팅 기능을 뒷받침하고 있으며, Storybook은 [Vite를 공식 빌더로](https://github.com/storybookjs/builder-vite) 채택했습니다. 그리고 [목록은 계속됩니다](https://patak.dev/vite/ecosystem.html). 이러한 프로젝트 대부분의 메인테이너들이 Vite 코어 자체를 개선하는 데 참여하여 Vite [팀](https://vite.dev/team) 및 다른 기여자들과 긴밀히 협력하고 있습니다.
 
-![Vite 3 발표 커버 이미지](/og-image-announcing-vite3.png)
+![Vite 3 Announcement Cover Image](/og-image-announcing-vite3.webp)
 
 오늘, v2 출시로부터 16개월 후 Vite 3의 릴리스를 발표하게 되어 기쁩니다. 저희는 [Node.js의 EOL](https://nodejs.org/en/about/releases/)에 맞춰 최소 매년 새로운 Vite 메이저 버전을 릴리스하기로 결정했으며, 생태계 프로젝트들을 위한 간단한 마이그레이션 가이드와 함께 Vite의 API를 정기적으로 검토할 기회를 갖기로 했습니다.
 
@@ -47,7 +47,7 @@ Vite를 처음 접하신다면 [Why Vite 가이드](https://vite.dev/guide/why.h
 
 [vite.dev](https://vite.dev)로 이동하여 새로운 v3 문서를 즐겨보세요. Vite는 이제 새로운 [VitePress](https://vitepress.vuejs.org) 기본 테마를 사용하며, 다른 기능들과 함께 멋진 다크 모드를 제공합니다.
 
-[![Vite 문서 첫 페이지](../images/v3-docs.png)](https://vite.dev)
+[![Vite documentation frontpage](../images/v3-docs.webp)](https://vite.dev)
 
 생태계의 여러 프로젝트들이 이미 이 테마로 마이그레이션했습니다([Vitest](https://vitest.dev), [vite-plugin-pwa](https://vite-plugin-pwa.netlify.app/), [VitePress](https://vitepress.vuejs.org/) 자체 포함).
 
@@ -223,9 +223,9 @@ Vite는 배포 및 설치 용량을 중요하게 생각합니다. 새 앱의 빠
 
 최근 Vite 팀에 합류한 [@bluwyoo](https://twitter.com/bluwyoo), [@sapphi_red](https://twitter.com/sapphi_red)가 주도한 트리아징 마라톤이 있었습니다. 지난 3개월 동안 Vite 열린 이슈는 770개에서 400개로 줄었습니다. 그리고 이 감소는 새로 열린 PR이 역대 최고치를 기록하는 동안 달성되었습니다. 동시에 [@haoqunjiang](https://twitter.com/haoqunjiang)도 [Vite 이슈의 포괄적인 개요](https://github.com/vitejs/vite/discussions/8232)를 큐레이션했습니다.
 
-[![Vite의 열린 이슈와 풀 리퀘스트 그래프](../images/v3-open-issues-and-PRs.png)](https://www.repotrends.com/vitejs/vite)
+[![Graph of open issues and pull requests in Vite](../images/v3-open-issues-and-PRs.webp)](https://www.repotrends.com/vitejs/vite)
 
-[![Vite의 새로운 이슈와 풀 리퀘스트 그래프](../images/v3-new-open-issues-and-PRs.png)](https://www.repotrends.com/vitejs/vite)
+[![Graph of new issues and pull requests in Vite](../images/v3-new-open-issues-and-PRs.webp)](https://www.repotrends.com/vitejs/vite)
 
 ## 호환성 참고사항 {#compatibility-notes}
 
diff --git a/blog/announcing-vite4-3.md b/blog/announcing-vite4-3.md
index 15ffebec2..550babc52 100644
--- a/blog/announcing-vite4-3.md
+++ b/blog/announcing-vite4-3.md
@@ -13,7 +13,7 @@ head:
       content: Vite 4.3이 출시되었습니다!
   - - meta
     - property: og:image
-      content: https://vite.dev/og-image-announcing-vite4-3.png
+      content: https://vite.dev/og-image-announcing-vite4-3.webp
   - - meta
     - property: og:url
       content: https://vite.dev/blog/announcing-vite4-3
@@ -29,7 +29,7 @@ head:
 
 _2023년 4월 20일_
 
-![Vite 4.3 Announcement Cover Image](/og-image-announcing-vite4-3.png)
+![Vite 4.3 Announcement Cover Image](/og-image-announcing-vite4-3.webp)
 
 빠른 링크:
 
@@ -60,9 +60,9 @@ Vite 기여자 중 한 명이 작성한 이 블로그 포스트에서 성능 작
 | **Root HMR**       |    30.5ms |   24.0ms |      -21.3% |
 | **Leaf HMR**       |    16.9ms |   10.0ms |      -40.8% |
 
-![Vite 4.3 vs 4.2 startup time comparison](/vite4-3-startup-time.png)
+![Vite 4.3 vs 4.2 startup time comparison](../images/vite4-3-startup-time.webp)
 
-![Vite 4.3 vs 4.2 HMR time comparison](/vite4-3-hmr-time.png)
+![Vite 4.3 vs 4.2 HMR time comparison](../images/vite4-3-hmr-time.webp)
 
 벤치마크에 대한 자세한 정보는 [여기](https://gist.github.com/sapphi-red/25be97327ee64a3c1dce793444afdf6e)에서 확인할 수 있습니다. 이 성능 테스트의 사양과 버전:
 
diff --git a/blog/announcing-vite4.md b/blog/announcing-vite4.md
index e3cbef6c9..df3847543 100644
--- a/blog/announcing-vite4.md
+++ b/blog/announcing-vite4.md
@@ -13,7 +13,7 @@ head:
       content: Vite 4.0이 출시되었습니다!
   - - meta
     - property: og:image
-      content: https://vite.dev/og-image-announcing-vite4.png
+      content: https://vite.dev/og-image-announcing-vite4.webp
   - - meta
     - property: og:url
       content: https://vite.dev/blog/announcing-vite4
@@ -31,13 +31,13 @@ _2022년 12월 9일_ - [Vite 5.0 발표](./announcing-vite5.md)도 확인해보
 
 Vite 3가 5개월 전에 [릴리스되었습니다](./announcing-vite3.md). 그 이후로 주간 npm 다운로드 수가 100만 건에서 250만 건으로 증가했습니다. 생태계도 성숙해졌으며 계속해서 성장하고 있습니다. 올해 [Jamstack Conf 설문조사](https://twitter.com/vite_js/status/1589665610119585793)에서 커뮤니티 사용률이 14%에서 32%로 급증했으며 9.7점의 높은 만족도를 유지했습니다. [Astro 1.0](https://astro.build/), [Nuxt 3](https://v3.nuxtjs.org/), 그리고 혁신하고 협력하는 다른 Vite 기반 프레임워크들의 안정적인 릴리스를 보았습니다: [SvelteKit](https://kit.svelte.dev/), [Solid Start](https://www.solidjs.com/blog/introducing-solidstart), [Qwik City](https://qwik.builder.io/qwikcity/overview/). Storybook은 [Storybook 7.0](https://storybook.js.org/blog/first-class-vite-support-in-storybook/)의 주요 기능 중 하나로 Vite에 대한 일급 지원을 발표했습니다. Deno도 이제 [Vite를 지원합니다](https://www.youtube.com/watch?v=Zjojo9wdvmY). [Vitest](https://vitest.dev) 채택이 폭발적으로 증가하고 있으며, 곧 Vite npm 다운로드의 절반을 차지할 것입니다. Nx도 생태계에 투자하고 있으며 [공식적으로 Vite를 지원합니다](https://nx.dev/packages/vite).
 
-[![Vite 4 생태계](/ecosystem-vite4.png)](https://viteconf.org/2022/replay)
+[![Vite 4 Ecosystem](../images/ecosystem-vite4.webp)](https://viteconf.org/2022/replay)
 
 Vite와 관련 프로젝트들이 경험한 성장을 보여주는 사례로, Vite 생태계는 10월 11일 [ViteConf 2022](https://viteconf.org/2022/replay)에서 모였습니다. 주요 웹 프레임워크와 도구들의 대표자들이 혁신과 협력의 이야기를 들려주었습니다. 그리고 상징적인 움직임으로, Rollup 팀은 바로 그 날 [Rollup 3](https://rollupjs.org) 릴리스를 선택했습니다.
 
 오늘, Vite [팀](https://vite.dev/team)은 생태계 파트너들의 도움으로 빌드 시점에 Rollup 3로 구동되는 Vite 4의 릴리스를 발표하게 되어 기쁩니다. 저희는 이 새로운 메이저 버전을 위한 원활한 업그레이드 경로를 보장하기 위해 생태계와 함께 작업했습니다. Vite는 이제 [Rollup 3](https://github.com/vitejs/vite/issues/9870)를 사용하며, 이를 통해 Vite의 내부 에셋 처리를 단순화하고 많은 개선사항을 가져올 수 있었습니다. [Rollup 3 릴리스 노트는 여기에서](https://github.com/rollup/rollup/releases/tag/v3.0.0) 확인하세요.
 
-![Vite 4 발표 커버 이미지](/og-image-announcing-vite4.png)
+![Vite 4 Announcement Cover Image](/og-image-announcing-vite4.webp)
 
 빠른 링크:
 
diff --git a/blog/announcing-vite5-1.md b/blog/announcing-vite5-1.md
index 5084e3989..48d4caf85 100644
--- a/blog/announcing-vite5-1.md
+++ b/blog/announcing-vite5-1.md
@@ -13,7 +13,7 @@ head:
       content: Vite 5.1이 출시되었습니다!
   - - meta
     - property: og:image
-      content: https://vite.dev/og-image-announcing-vite5-1.png
+      content: https://vite.dev/og-image-announcing-vite5-1.webp
   - - meta
     - property: og:url
       content: https://vite.dev/blog/announcing-vite5-1
@@ -29,7 +29,7 @@ head:
 
 _2024년 2월 8일_
 
-![Vite 5.1 발표 커버 이미지](/og-image-announcing-vite5-1.png)
+![Vite 5.1 Announcement Cover Image](/og-image-announcing-vite5-1.webp)
 
 Vite 5는 지난 11월에 [출시되었으며](./announcing-vite5.md), Vite와 생태계에 또 다른 큰 도약을 의미했습니다. 몇 주 전에는 주간 npm 다운로드 1천만 건과 Vite 저장소 기여자 900명을 축하했습니다. 오늘, 저희는 Vite 5.1의 출시를 발표하게 되어 기쁩니다.
 
@@ -86,7 +86,7 @@ Vite 5.0에서는 순환 import 내의 수락된 모듈이 클라이언트에서
 
 Vite는 각 릴리스마다 계속 빨라지고 있으며, Vite 5.1은 성능 개선으로 가득합니다. 저희는 [vite-dev-server-perf](https://github.com/yyx990803/vite-dev-server-perf)를 사용하여 Vite 4.0부터 모든 마이너 버전에 대해 10K 모듈(25단계 깊이 트리)의 로딩 시간을 측정했습니다. 이는 Vite의 번들 없는 접근 방식의 효과를 측정하는 좋은 벤치마크입니다. 각 모듈은 카운터와 트리의 다른 파일에 대한 import를 가진 작은 TypeScript 파일이므로, 이는 주로 개별 모듈로 요청을 처리하는 데 걸리는 시간을 측정합니다. Vite 4.0에서는 10K 모듈을 로드하는 데 M1 MAX에서 8초가 걸렸습니다. [성능에 집중한 Vite 4.3에서 획기적인 발전](./announcing-vite4-3.md)이 있었고, 6.35초에 로드할 수 있었습니다. Vite 5.1에서는 또 다른 성능 도약을 이뤄냈습니다. Vite는 이제 10K 모듈을 5.35초에 서빙합니다.
 
-![Vite 10K 모듈 로딩 시간 진행 상황](/vite5-1-10K-modules-loading-time.png)
+![Vite 10K Modules Loading time progression](../images/vite5-1-10K-modules-loading-time.webp)
 
 이 벤치마크의 결과는 Headless Puppeteer에서 실행되며 버전을 비교하는 좋은 방법입니다. 하지만 사용자가 경험하는 시간을 나타내지는 않습니다. Chrome의 시크릿 창에서 동일한 10K 모듈을 실행할 때의 결과는 다음과 같습니다:
 
diff --git a/blog/announcing-vite5.md b/blog/announcing-vite5.md
index b7fb7e0a8..f9b9553f6 100644
--- a/blog/announcing-vite5.md
+++ b/blog/announcing-vite5.md
@@ -13,7 +13,7 @@ head:
       content: Vite 5.0이 출시되었습니다!
   - - meta
     - property: og:image
-      content: https://vite.dev/og-image-announcing-vite5.png
+      content: https://vite.dev/og-image-announcing-vite5.webp
   - - meta
     - property: og:url
       content: https://vite.dev/blog/announcing-vite5
@@ -29,7 +29,7 @@ head:
 
 _2023년 11월 16일_
 
-![Vite 5 발표 커버 이미지](/og-image-announcing-vite5.png)
+![Vite 5 Announcement Cover Image](/og-image-announcing-vite5.webp)
 
 Vite 4가 거의 1년 전에 [릴리스되었고](./announcing-vite4.md), 생태계에 견고한 기반을 제공했습니다. 프로젝트들이 공유 인프라를 기반으로 계속 구축하면서 주간 npm 다운로드 수는 250만 건에서 750만 건으로 급증했습니다. 프레임워크들은 지속적으로 혁신을 이어갔으며, [Astro](https://astro.build/), [Nuxt](https://nuxt.com/), [SvelteKit](https://kit.svelte.dev/), [Solid Start](https://www.solidjs.com/blog/introducing-solidstart), [Qwik City](https://qwik.builder.io/qwikcity/overview/) 등을 비롯해 새로운 프레임워크들이 합류하여 생태계를 더욱 강화했습니다. [RedwoodJS](https://redwoodjs.com/)와 [Remix](https://remix.run/)가 Vite로 전환하면서 React 생태계에서의 추가 도입 가능성을 열었습니다. [Vitest](https://vitest.dev)는 Vite보다도 빠른 속도로 성장을 지속했습니다. Vitest 팀은 열심히 작업하고 있으며 곧 [Vitest 1.0을 릴리스할 예정](https://github.com/vitest-dev/vitest/issues/3596)입니다. [Storybook](https://storybook.js.org), [Nx](https://nx.dev), [Playwright](https://playwright.dev)와 같은 다른 도구들과 함께 사용할 때의 Vite 경험은 계속 개선되었고, [Deno](https://deno.com)와 [Bun](https://bun.sh)에서 Vite 개발이 작동하는 등 환경 면에서도 마찬가지였습니다.
 
diff --git a/blog/announcing-vite6.md b/blog/announcing-vite6.md
index 2abbb61ef..1036ce506 100644
--- a/blog/announcing-vite6.md
+++ b/blog/announcing-vite6.md
@@ -13,7 +13,7 @@ head:
       content: Vite 6.0이 출시되었습니다!
   - - meta
     - property: og:image
-      content: https://vite.dev/og-image-announcing-vite6.png
+      content: https://vite.dev/og-image-announcing-vite6.webp
   - - meta
     - property: og:url
       content: https://vite.dev/blog/announcing-vite6
@@ -29,7 +29,7 @@ head:
 
 _2024년 11월 26일_
 
-![Vite 6 발표 커버 이미지](/og-image-announcing-vite6.png)
+![Vite 6 Announcement Cover Image](/og-image-announcing-vite6.webp)
 
 오늘, 저희는 Vite의 이야기에서 또 다른 큰 발걸음을 내딛게 되었습니다. Vite [팀](/team), [기여자들](https://github.com/vitejs/vite/graphs/contributors), 그리고 생태계 파트너들은 Vite 6의 출시를 발표하게 되어 기쁩니다.
 
@@ -39,7 +39,7 @@ _2024년 11월 26일_
 
 Vite는 OpenAI, Google, Apple, Microsoft, NASA, Shopify, Cloudflare, GitLab, Reddit, Linear 등 많은 기업에서 사용되고 있습니다. 두 달 전, 저희는 [Vite를 사용하는 기업들](https://github.com/vitejs/companies-using-vite) 목록을 시작했습니다. 많은 개발자들이 자신들의 회사를 목록에 추가하기 위해 PR을 보내주시는 것을 보니 기쁩니다. Vite가 첫 걸음을 내딛은 이후 함께 구축한 생태계가 이렇게 크게 성장한 것이 믿기 어려울 정도입니다.
 
-![Vite 주간 npm 다운로드](/vite6-npm-weekly-downloads.png)
+![Vite weekly npm downloads](../images/vite6-npm-weekly-downloads.webp)
 
 ## Vite 생태계 가속화 {#speeding-up-the-vite-ecosystem}
 
diff --git a/blog/announcing-vite7.md b/blog/announcing-vite7.md
index 175e7f9d1..b5c3ef402 100644
--- a/blog/announcing-vite7.md
+++ b/blog/announcing-vite7.md
@@ -13,7 +13,7 @@ head:
       content: Vite 7.0이 출시되었습니다!
   - - meta
     - property: og:image
-      content: https://vite.dev/og-image-announcing-vite7.png
+      content: https://vite.dev/og-image-announcing-vite7.webp
   - - meta
     - property: og:url
       content: https://vite.dev/blog/announcing-vite7
@@ -29,7 +29,7 @@ head:
 
 _2025년 6월 24일_
 
-![Vite 7 발표 커버 이미지](/og-image-announcing-vite7.png)
+![Vite 7 Announcement Cover Image](/og-image-announcing-vite7.webp)
 
 Vite 7의 출시를 공유하게 되어 기쁩니다! Evan You가 Vite 저장소에 첫 커밋을 보낸 지 5년이 지났으며, 그 이후로 프론트엔드 생태계가 얼마나 많이 변화했는지는 아무도 예측할 수 없었습니다. 이제 대부분의 현대적인 프론트엔드 프레임워크와 도구들이 함께 작업하며, Vite의 공유 인프라 위에 구축되고 있습니다. 그리고 더 높은 수준에서 공유함으로써 더 빠른 속도로 혁신할 수 있게 되었습니다. Vite는 이제 주간 3,100만 회 다운로드되고 있으며, 이전 메이저 릴리스 이후 지난 7개월 동안 1,400만 회 증가했습니다.
 
diff --git a/guide/api-plugin.md b/guide/api-plugin.md
index b426d2688..b4af1f84e 100644
--- a/guide/api-plugin.md
+++ b/guide/api-plugin.md
@@ -12,7 +12,7 @@ Vite는 확립된 패턴을 제공하기 위해 노력하고 있습니다. 따
 
 ::: tip
 플러그인을 학습하거나, 디버깅 또는 새롭게 작성할 때, 프로젝트에 [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect)를 설치하는 것이 좋습니다. 이 모듈은 `localhost:5173/__inspect/`를 통해 Vite 플러그인의 중간 상태를 검사할 수 있도록 도와줍니다. 더 자세한 사항은 [vite-plugin-inspect 문서](https://github.com/antfu/vite-plugin-inspect)를 참고해주세요.
-![vite-plugin-inspect](../images/vite-plugin-inspect.png)
+![vite-plugin-inspect](../images/vite-plugin-inspect.webp)
 :::
 
 ## 플러그인 작성 규칙 {#conventions}
diff --git a/guide/index.md b/guide/index.md
index 8e0aefa9f..12158e38a 100644
--- a/guide/index.md
+++ b/guide/index.md
@@ -6,7 +6,7 @@
 
 ## 들어가기 전에 {#overview}
 
-Vite(프랑스어로 "빠르다(Quick)"를 의미하며, 발음은 "veet"와 비슷한 `/vit/`<button style="border:none;padding:3px;border-radius:4px;vertical-align:bottom" id="play-vite-audio" aria-label="pronounce" onclick="document.getElementById('vite-audio').play();"><svg style="height:2em;width:2em"><use href="/voice.svg?no-inline#voice" /></svg></button> 입니다.)는 모던 웹 프로젝트 개발 환경에 초점을 맞춰 탄생한 빠르고 간결한 빌드 툴입니다. 크게 두 가지 부분으로 구성되어 있습니다:
+Vite (French word for "quick", pronounced `/vit/`<button style="border:none;padding:3px;border-radius:4px;vertical-align:bottom" id="play-vite-audio" aria-label="pronounce" onclick="document.getElementById('vite-audio').play();"><svg style="height:2em;width:2em"><use href="../images/voice.svg?no-inline#voice" /></svg></button>, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts:
 
 - [네이티브 ES 모듈](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules)을 통해 소스 파일을 제공하는 개발 서버로, [다양한 기능](./features)과 놀라울 정도로 빠른 [Hot Module Replacement(HMR)](./features#hot-module-replacement)를 제공합니다.
 
diff --git a/images/community/placeholder.webp b/images/community/placeholder.webp
new file mode 100644
index 000000000..d448a0d1f
Binary files /dev/null and b/images/community/placeholder.webp differ
diff --git a/images/ecosystem-vite4.webp b/images/ecosystem-vite4.webp
new file mode 100644
index 000000000..02624e90b
Binary files /dev/null and b/images/ecosystem-vite4.webp differ
diff --git a/images/v3-docs.png b/images/v3-docs.png
deleted file mode 100644
index 119893719..000000000
Binary files a/images/v3-docs.png and /dev/null differ
diff --git a/images/v3-docs.webp b/images/v3-docs.webp
new file mode 100644
index 000000000..c386a2b64
Binary files /dev/null and b/images/v3-docs.webp differ
diff --git a/images/v3-new-open-issues-and-PRs.png b/images/v3-new-open-issues-and-PRs.png
deleted file mode 100644
index 48fd1dea0..000000000
Binary files a/images/v3-new-open-issues-and-PRs.png and /dev/null differ
diff --git a/images/v3-new-open-issues-and-PRs.webp b/images/v3-new-open-issues-and-PRs.webp
new file mode 100644
index 000000000..9e189123f
Binary files /dev/null and b/images/v3-new-open-issues-and-PRs.webp differ
diff --git a/images/v3-open-issues-and-PRs.png b/images/v3-open-issues-and-PRs.png
deleted file mode 100644
index fa53ba8a1..000000000
Binary files a/images/v3-open-issues-and-PRs.png and /dev/null differ
diff --git a/images/v3-open-issues-and-PRs.webp b/images/v3-open-issues-and-PRs.webp
new file mode 100644
index 000000000..2cb6f44bd
Binary files /dev/null and b/images/v3-open-issues-and-PRs.webp differ
diff --git a/images/vercel-configuration.png b/images/vercel-configuration.png
deleted file mode 100644
index e9fe9e78c..000000000
Binary files a/images/vercel-configuration.png and /dev/null differ
diff --git a/images/vite-plugin-inspect.png b/images/vite-plugin-inspect.png
deleted file mode 100644
index 0a8b2723f..000000000
Binary files a/images/vite-plugin-inspect.png and /dev/null differ
diff --git a/images/vite-plugin-inspect.webp b/images/vite-plugin-inspect.webp
new file mode 100644
index 000000000..dbb0460a9
Binary files /dev/null and b/images/vite-plugin-inspect.webp differ
diff --git a/images/vite4-3-hmr-time.webp b/images/vite4-3-hmr-time.webp
new file mode 100644
index 000000000..b561023b0
Binary files /dev/null and b/images/vite4-3-hmr-time.webp differ
diff --git a/images/vite4-3-startup-time.webp b/images/vite4-3-startup-time.webp
new file mode 100644
index 000000000..37837c99b
Binary files /dev/null and b/images/vite4-3-startup-time.webp differ
diff --git a/images/vite5-1-10K-modules-loading-time.webp b/images/vite5-1-10K-modules-loading-time.webp
new file mode 100644
index 000000000..5dc6f54c1
Binary files /dev/null and b/images/vite5-1-10K-modules-loading-time.webp differ
diff --git a/images/vite6-npm-weekly-downloads.webp b/images/vite6-npm-weekly-downloads.webp
new file mode 100644
index 000000000..2112a3e83
Binary files /dev/null and b/images/vite6-npm-weekly-downloads.webp differ
diff --git a/public/viteconf.svg b/images/viteconf.svg
similarity index 100%
rename from public/viteconf.svg
rename to images/viteconf.svg
diff --git a/public/voice.svg b/images/voice.svg
similarity index 100%
rename from public/voice.svg
rename to images/voice.svg
diff --git a/public/_headers b/public/_headers
index f72929598..c365bfd07 100644
--- a/public/_headers
+++ b/public/_headers
@@ -7,5 +7,9 @@
   cache-control: immutable
 
 /*.png
+  cache-control: max-age=604800
+  cache-control: immutable
+
+/*.webp
   cache-control: max-age=604800
   cache-control: immutable
\ No newline at end of file
diff --git a/public/ecosystem-vite4.png b/public/ecosystem-vite4.png
deleted file mode 100644
index b0370c04e..000000000
Binary files a/public/ecosystem-vite4.png and /dev/null differ
diff --git a/public/logo-home.svg b/public/logo-home.svg
deleted file mode 100644
index 0942f44db..000000000
--- a/public/logo-home.svg
+++ /dev/null
@@ -1,46 +0,0 @@
-<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g opacity="1" clip-path="url(#clip0_693_14578)">
-    <g style="mix-blend-mode:luminosity" opacity="0.5" filter="url(#filter0_i_693_14578)">
-      <path d="M65.7194 10.0473L35.6655 64.587C35.045 65.7131 33.4508 65.7197 32.821 64.5991L2.17117 10.0525C1.48502 8.83141 2.51394 7.35228 3.87747 7.59962L33.9635 13.0572C34.1555 13.092 34.3519 13.0917 34.5439 13.0562L64.0008 7.60744C65.3597 7.35608 66.3935 8.82375 65.7194 10.0473Z" fill="url(#paint0_linear_693_14578)"/>
-    </g>
-    <g style="mix-blend-mode:luminosity" filter="url(#filter1_bd_693_14578)">
-      <path d="M48.295 0.441298L26.0542 4.86401C25.6887 4.9367 25.418 5.25109 25.396 5.62839L24.0278 29.078C23.9957 29.6303 24.4955 30.059 25.0267 29.9346L31.2188 28.4844C31.7982 28.3488 32.3217 28.8666 32.2026 29.4579L30.3629 38.6003C30.2391 39.2156 30.8083 39.7417 31.4004 39.5592L35.225 38.38C35.8179 38.1973 36.3876 38.7249 36.2622 39.3407L33.3386 53.7014C33.1557 54.5997 34.333 55.0895 34.824 54.3193L35.152 53.805L53.275 17.1002C53.5785 16.4856 53.0552 15.7848 52.39 15.9151L46.0163 17.1635C45.4173 17.2807 44.9077 16.7146 45.0767 16.1199L49.2368 1.48437C49.406 0.888652 48.8946 0.322077 48.295 0.441298Z" fill="url(#paint1_linear_693_14578)" fill-opacity="0.6" shape-rendering="crispEdges"/>
-    </g>
-  </g>
-  <defs>
-    <filter id="filter0_i_693_14578" x="1.95264" y="7.57227" width="63.9785" height="60.1716" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-      <feOffset dy="2.30833"/>
-      <feGaussianBlur stdDeviation="5.77083"/>
-      <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-      <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.75 0"/>
-      <feBlend mode="normal" in2="shape" result="effect1_innerShadow_693_14578"/>
-    </filter>
-    <filter id="filter1_bd_693_14578" x="19.4097" y="-4.19137" width="38.5702" height="63.5097" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feGaussianBlur in="BackgroundImageFix" stdDeviation="2.30833"/>
-      <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_693_14578"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-      <feOffset dy="1.15417"/>
-      <feGaussianBlur stdDeviation="1.15417"/>
-      <feComposite in2="hardAlpha" operator="out"/>
-      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-      <feBlend mode="normal" in2="effect1_backgroundBlur_693_14578" result="effect2_dropShadow_693_14578"/>
-      <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_693_14578" result="shape"/>
-    </filter>
-    <linearGradient id="paint0_linear_693_14578" x1="1.42283" y1="5.65045" x2="39.5455" y2="56.6664" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#41D1FF"/>
-      <stop offset="1" stop-color="#BD34FE"/>
-    </linearGradient>
-    <linearGradient id="paint1_linear_693_14578" x1="32.2366" y1="1.64206" x2="39.201" y2="48.718" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FFEA83"/>
-      <stop offset="0.0833333" stop-color="#FFDD35"/>
-      <stop offset="1" stop-color="#FFA800"/>
-    </linearGradient>
-    <clipPath id="clip0_693_14578">
-      <rect width="66.9687" height="66.9687" fill="white" transform="translate(0.442871 0.180176)"/>
-    </clipPath>
-  </defs>
-</svg>
diff --git a/public/logo-uwu.png b/public/logo-uwu.png
deleted file mode 100644
index e45e40af1..000000000
Binary files a/public/logo-uwu.png and /dev/null differ
diff --git a/public/logo-uwu.webp b/public/logo-uwu.webp
new file mode 100644
index 000000000..a413d6cb8
Binary files /dev/null and b/public/logo-uwu.webp differ
diff --git a/public/logo-with-shadow.png b/public/logo-with-shadow.png
deleted file mode 100644
index 8b23c919e..000000000
Binary files a/public/logo-with-shadow.png and /dev/null differ
diff --git a/public/logo-with-shadow.webp b/public/logo-with-shadow.webp
new file mode 100644
index 000000000..965e11715
Binary files /dev/null and b/public/logo-with-shadow.webp differ
diff --git a/public/noise.png b/public/noise.png
deleted file mode 100644
index fd9a7cf22..000000000
Binary files a/public/noise.png and /dev/null differ
diff --git a/public/og-image-announcing-vite3.png b/public/og-image-announcing-vite3.png
deleted file mode 100644
index 859f1bcda..000000000
Binary files a/public/og-image-announcing-vite3.png and /dev/null differ
diff --git a/public/og-image-announcing-vite3.webp b/public/og-image-announcing-vite3.webp
new file mode 100644
index 000000000..4e293c153
Binary files /dev/null and b/public/og-image-announcing-vite3.webp differ
diff --git a/public/og-image-announcing-vite4-3.png b/public/og-image-announcing-vite4-3.png
deleted file mode 100644
index 6c2970558..000000000
Binary files a/public/og-image-announcing-vite4-3.png and /dev/null differ
diff --git a/public/og-image-announcing-vite4-3.webp b/public/og-image-announcing-vite4-3.webp
new file mode 100644
index 000000000..e770059ff
Binary files /dev/null and b/public/og-image-announcing-vite4-3.webp differ
diff --git a/public/og-image-announcing-vite4.png b/public/og-image-announcing-vite4.png
deleted file mode 100644
index 7f8b71f41..000000000
Binary files a/public/og-image-announcing-vite4.png and /dev/null differ
diff --git a/public/og-image-announcing-vite4.webp b/public/og-image-announcing-vite4.webp
new file mode 100644
index 000000000..d6e86f20a
Binary files /dev/null and b/public/og-image-announcing-vite4.webp differ
diff --git a/public/og-image-announcing-vite5-1.png b/public/og-image-announcing-vite5-1.png
deleted file mode 100644
index cebfc9939..000000000
Binary files a/public/og-image-announcing-vite5-1.png and /dev/null differ
diff --git a/public/og-image-announcing-vite5-1.webp b/public/og-image-announcing-vite5-1.webp
new file mode 100644
index 000000000..c5e7d6632
Binary files /dev/null and b/public/og-image-announcing-vite5-1.webp differ
diff --git a/public/og-image-announcing-vite5.png b/public/og-image-announcing-vite5.png
deleted file mode 100644
index 56040e518..000000000
Binary files a/public/og-image-announcing-vite5.png and /dev/null differ
diff --git a/public/og-image-announcing-vite5.webp b/public/og-image-announcing-vite5.webp
new file mode 100644
index 000000000..1a1f6d742
Binary files /dev/null and b/public/og-image-announcing-vite5.webp differ
diff --git a/public/og-image-announcing-vite6.png b/public/og-image-announcing-vite6.png
deleted file mode 100644
index e75d43c15..000000000
Binary files a/public/og-image-announcing-vite6.png and /dev/null differ
diff --git a/public/og-image-announcing-vite6.webp b/public/og-image-announcing-vite6.webp
new file mode 100644
index 000000000..88542425f
Binary files /dev/null and b/public/og-image-announcing-vite6.webp differ
diff --git a/public/og-image-announcing-vite7.png b/public/og-image-announcing-vite7.png
deleted file mode 100644
index ffac155b3..000000000
Binary files a/public/og-image-announcing-vite7.png and /dev/null differ
diff --git a/public/og-image-announcing-vite7.webp b/public/og-image-announcing-vite7.webp
new file mode 100644
index 000000000..7f442a79f
Binary files /dev/null and b/public/og-image-announcing-vite7.webp differ
diff --git a/public/vite4-3-hmr-time.png b/public/vite4-3-hmr-time.png
deleted file mode 100644
index bc9bc4348..000000000
Binary files a/public/vite4-3-hmr-time.png and /dev/null differ
diff --git a/public/vite4-3-startup-time.png b/public/vite4-3-startup-time.png
deleted file mode 100644
index a02696998..000000000
Binary files a/public/vite4-3-startup-time.png and /dev/null differ
diff --git a/public/vite5-1-10K-modules-loading-time.png b/public/vite5-1-10K-modules-loading-time.png
deleted file mode 100644
index 8c94ed9bf..000000000
Binary files a/public/vite5-1-10K-modules-loading-time.png and /dev/null differ
diff --git a/public/vite6-npm-weekly-downloads.png b/public/vite6-npm-weekly-downloads.png
deleted file mode 100644
index 99d229b42..000000000
Binary files a/public/vite6-npm-weekly-downloads.png and /dev/null differ