diff --git a/CHANGELOG.md b/CHANGELOG.md
index 586ef05c7b..2a187b99db 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,15 +12,16 @@ and this project adheres to
 - 🌐(i18n) rename cn_CN to zh_CN, add eo_PL and zh_TW locales #2486
 - ✨(backend) conditional email notification in server to server api #2554
 
+### Changed
+
+- ♿️(frontend) use semantic `<dl>` structure in document info card #2379
+- ⚡️(frontend) replace onboarding assets with webm and webp #2569
+
 ### Fixed
 
 - 🐛(frontend) redirect homepage to login when homepage feat is disabled #2521
 - 🐛(backend) ignore CSPs for API docs in development
 
-### Changed
-
-- ♿️(frontend) use semantic `<dl>` structure in document info card #2379
-
 ## [v5.4.1] - 2026-07-09
 
 ### Changed
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/STEP_1_EN.webm b/src/frontend/apps/impress/public/assets/on-boarding/STEP_1_EN.webm
new file mode 100644
index 0000000000..b734723102
Binary files /dev/null and b/src/frontend/apps/impress/public/assets/on-boarding/STEP_1_EN.webm differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/STEP_1_FR.webm b/src/frontend/apps/impress/public/assets/on-boarding/STEP_1_FR.webm
new file mode 100644
index 0000000000..e1b7735534
Binary files /dev/null and b/src/frontend/apps/impress/public/assets/on-boarding/STEP_1_FR.webm differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/STEP_2_EN.webm b/src/frontend/apps/impress/public/assets/on-boarding/STEP_2_EN.webm
new file mode 100644
index 0000000000..d38867cd1d
Binary files /dev/null and b/src/frontend/apps/impress/public/assets/on-boarding/STEP_2_EN.webm differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/STEP_2_FR.webm b/src/frontend/apps/impress/public/assets/on-boarding/STEP_2_FR.webm
new file mode 100644
index 0000000000..54bc084098
Binary files /dev/null and b/src/frontend/apps/impress/public/assets/on-boarding/STEP_2_FR.webm differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/STEP_3_EN.webp b/src/frontend/apps/impress/public/assets/on-boarding/STEP_3_EN.webp
new file mode 100644
index 0000000000..36877f4854
Binary files /dev/null and b/src/frontend/apps/impress/public/assets/on-boarding/STEP_3_EN.webp differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/STEP_3_FR.webp b/src/frontend/apps/impress/public/assets/on-boarding/STEP_3_FR.webp
new file mode 100644
index 0000000000..eff26ff9cc
Binary files /dev/null and b/src/frontend/apps/impress/public/assets/on-boarding/STEP_3_FR.webp differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/STEP_4_EN.webp b/src/frontend/apps/impress/public/assets/on-boarding/STEP_4_EN.webp
new file mode 100644
index 0000000000..928ce99efc
Binary files /dev/null and b/src/frontend/apps/impress/public/assets/on-boarding/STEP_4_EN.webp differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/STEP_4_FR.webp b/src/frontend/apps/impress/public/assets/on-boarding/STEP_4_FR.webp
new file mode 100644
index 0000000000..bfeb120d7b
Binary files /dev/null and b/src/frontend/apps/impress/public/assets/on-boarding/STEP_4_FR.webp differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/step_1_EN.gif b/src/frontend/apps/impress/public/assets/on-boarding/step_1_EN.gif
deleted file mode 100644
index 690476af3e..0000000000
Binary files a/src/frontend/apps/impress/public/assets/on-boarding/step_1_EN.gif and /dev/null differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/step_1_FR.gif b/src/frontend/apps/impress/public/assets/on-boarding/step_1_FR.gif
deleted file mode 100644
index 0583011252..0000000000
Binary files a/src/frontend/apps/impress/public/assets/on-boarding/step_1_FR.gif and /dev/null differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/step_2_EN.gif b/src/frontend/apps/impress/public/assets/on-boarding/step_2_EN.gif
deleted file mode 100644
index 3b83f50c75..0000000000
Binary files a/src/frontend/apps/impress/public/assets/on-boarding/step_2_EN.gif and /dev/null differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/step_2_FR.gif b/src/frontend/apps/impress/public/assets/on-boarding/step_2_FR.gif
deleted file mode 100644
index 43eafe8cca..0000000000
Binary files a/src/frontend/apps/impress/public/assets/on-boarding/step_2_FR.gif and /dev/null differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/step_3_EN.png b/src/frontend/apps/impress/public/assets/on-boarding/step_3_EN.png
deleted file mode 100644
index ee4d789a5b..0000000000
Binary files a/src/frontend/apps/impress/public/assets/on-boarding/step_3_EN.png and /dev/null differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/step_3_FR.png b/src/frontend/apps/impress/public/assets/on-boarding/step_3_FR.png
deleted file mode 100644
index 64a8060639..0000000000
Binary files a/src/frontend/apps/impress/public/assets/on-boarding/step_3_FR.png and /dev/null differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/step_4_EN.png b/src/frontend/apps/impress/public/assets/on-boarding/step_4_EN.png
deleted file mode 100644
index f1968bd04d..0000000000
Binary files a/src/frontend/apps/impress/public/assets/on-boarding/step_4_EN.png and /dev/null differ
diff --git a/src/frontend/apps/impress/public/assets/on-boarding/step_4_FR.png b/src/frontend/apps/impress/public/assets/on-boarding/step_4_FR.png
deleted file mode 100644
index 20b250982f..0000000000
Binary files a/src/frontend/apps/impress/public/assets/on-boarding/step_4_FR.png and /dev/null differ
diff --git a/src/frontend/apps/impress/src/features/help/hooks/useOnboardingSteps.tsx b/src/frontend/apps/impress/src/features/help/hooks/useOnboardingSteps.tsx
index 52d42756c5..c1f890015c 100644
--- a/src/frontend/apps/impress/src/features/help/hooks/useOnboardingSteps.tsx
+++ b/src/frontend/apps/impress/src/features/help/hooks/useOnboardingSteps.tsx
@@ -43,16 +43,18 @@ export const useOnboardingSteps = () => {
           'Move, duplicate, and transform your texts, headings, lists, images without breaking your layout.',
         ),
         content: (
-          <Image
+          <video
             src={t('src_img_onboarding_step_1', {
               desc: 'URL of onboarding step 1 preview image',
-              defaultValue: '/assets/on-boarding/step_1_EN.gif',
+              defaultValue: '/assets/on-boarding/step_1_EN.webm',
             })}
-            alt={t('Compose your doc easily')}
+            aria-label={t('Compose your doc easily')}
             width={350}
             height={350}
-            priority
-            unoptimized
+            autoPlay
+            loop
+            muted
+            playsInline
           />
         ),
       },
@@ -72,16 +74,18 @@ export const useOnboardingSteps = () => {
           'Apply styles, structure, and emphasis in one click—keep documents clean, consistent, and easy to scan.',
         ),
         content: (
-          <Image
+          <video
             src={t('src_img_onboarding_step_2', {
               desc: 'URL of onboarding step 2 preview image',
-              defaultValue: '/assets/on-boarding/step_2_EN.gif',
+              defaultValue: '/assets/on-boarding/step_2_EN.webm',
             })}
-            alt={t('Format your content with the toolbar')}
+            aria-label={t('Format your content with the toolbar')}
             width={350}
             height={350}
-            priority
-            unoptimized
+            autoPlay
+            loop
+            muted
+            playsInline
           />
         ),
       },
@@ -104,7 +108,7 @@ export const useOnboardingSteps = () => {
           <Image
             src={t('src_img_onboarding_step_3', {
               desc: 'URL of onboarding step 3 preview image',
-              defaultValue: '/assets/on-boarding/step_3_EN.png',
+              defaultValue: '/assets/on-boarding/step_3_EN.webp',
             })}
             alt={t('Share and collaborate with ease')}
             width={350}
@@ -146,7 +150,7 @@ export const useOnboardingSteps = () => {
           <Image
             src={t('src_img_onboarding_step_4', {
               desc: 'URL of onboarding step 4 preview image',
-              defaultValue: '/assets/on-boarding/step_4_EN.png',
+              defaultValue: '/assets/on-boarding/step_4_EN.webp',
             })}
             alt={t('Draw inspiration from the content library')}
             width={350}
diff --git a/src/frontend/apps/impress/src/i18n/translations.json b/src/frontend/apps/impress/src/i18n/translations.json
index f2a2a6e538..e9d50276a4 100644
--- a/src/frontend/apps/impress/src/i18n/translations.json
+++ b/src/frontend/apps/impress/src/i18n/translations.json
@@ -1685,10 +1685,10 @@
       "new window": "nouvelle fenêtre",
       "pdf": "pdf",
       "slide": "diapositive",
-      "src_img_onboarding_step_1": "/assets/on-boarding/step_1_FR.gif",
-      "src_img_onboarding_step_2": "/assets/on-boarding/step_2_FR.gif",
-      "src_img_onboarding_step_3": "/assets/on-boarding/step_3_FR.png",
-      "src_img_onboarding_step_4": "/assets/on-boarding/step_4_FR.png",
+      "src_img_onboarding_step_1": "/assets/on-boarding/step_1_FR.webm",
+      "src_img_onboarding_step_2": "/assets/on-boarding/step_2_FR.webm",
+      "src_img_onboarding_step_3": "/assets/on-boarding/step_3_FR.webp",
+      "src_img_onboarding_step_4": "/assets/on-boarding/step_4_FR.webp",
       "{{action}}, current role: {{role}}": "{{action}}, rôle actuel : {{role}}",
       "{{count}} document found_many": "{{count}} documents trouvés",
       "{{count}} document found_one": "{{count}} document trouvé",