diff --git a/assets/imgs/FlorianSylvain.jpg b/assets/imgs/FlorianSylvain.jpg
deleted file mode 100644
index d6b7cc4..0000000
Binary files a/assets/imgs/FlorianSylvain.jpg and /dev/null differ
diff --git a/assets/imgs/FlorianSylvain.webp b/assets/imgs/FlorianSylvain.webp
new file mode 100644
index 0000000..55d2430
Binary files /dev/null and b/assets/imgs/FlorianSylvain.webp differ
diff --git a/assets/imgs/Pong2D-video.webp b/assets/imgs/Pong2D-video.webp
new file mode 100644
index 0000000..060e02c
Binary files /dev/null and b/assets/imgs/Pong2D-video.webp differ
diff --git a/assets/imgs/Pong2D.gif b/assets/imgs/Pong2D.gif
deleted file mode 100644
index afd577d..0000000
Binary files a/assets/imgs/Pong2D.gif and /dev/null differ
diff --git a/assets/imgs/Pong2D.png b/assets/imgs/Pong2D.png
deleted file mode 100644
index b89bc4a..0000000
Binary files a/assets/imgs/Pong2D.png and /dev/null differ
diff --git a/assets/imgs/Pong2D.webp b/assets/imgs/Pong2D.webp
new file mode 100644
index 0000000..e8be6f0
Binary files /dev/null and b/assets/imgs/Pong2D.webp differ
diff --git a/assets/imgs/Pong2D_blur.png b/assets/imgs/Pong2D_blur.png
deleted file mode 100644
index ae02545..0000000
Binary files a/assets/imgs/Pong2D_blur.png and /dev/null differ
diff --git a/assets/imgs/Pong2D_blur.webp b/assets/imgs/Pong2D_blur.webp
new file mode 100644
index 0000000..3b986e5
Binary files /dev/null and b/assets/imgs/Pong2D_blur.webp differ
diff --git a/assets/imgs/Pong3D-video.webp b/assets/imgs/Pong3D-video.webp
new file mode 100644
index 0000000..08680d8
Binary files /dev/null and b/assets/imgs/Pong3D-video.webp differ
diff --git a/assets/imgs/Pong3D.gif b/assets/imgs/Pong3D.gif
deleted file mode 100644
index 352bec4..0000000
Binary files a/assets/imgs/Pong3D.gif and /dev/null differ
diff --git a/assets/imgs/Pong3D.png b/assets/imgs/Pong3D.png
deleted file mode 100644
index 7f579d4..0000000
Binary files a/assets/imgs/Pong3D.png and /dev/null differ
diff --git a/assets/imgs/Pong3D.webp b/assets/imgs/Pong3D.webp
new file mode 100644
index 0000000..89de397
Binary files /dev/null and b/assets/imgs/Pong3D.webp differ
diff --git a/assets/imgs/Pong3D_blur.png b/assets/imgs/Pong3D_blur.png
deleted file mode 100644
index 1d1bbba..0000000
Binary files a/assets/imgs/Pong3D_blur.png and /dev/null differ
diff --git a/assets/imgs/Pong3D_blur.webp b/assets/imgs/Pong3D_blur.webp
new file mode 100644
index 0000000..f608b4e
Binary files /dev/null and b/assets/imgs/Pong3D_blur.webp differ
diff --git a/assets/imgs/RisitasBot-video.webp b/assets/imgs/RisitasBot-video.webp
new file mode 100644
index 0000000..7da1034
Binary files /dev/null and b/assets/imgs/RisitasBot-video.webp differ
diff --git a/assets/imgs/RisitasBot.gif b/assets/imgs/RisitasBot.gif
deleted file mode 100644
index 7c53e93..0000000
Binary files a/assets/imgs/RisitasBot.gif and /dev/null differ
diff --git a/assets/imgs/RisitasBot.png b/assets/imgs/RisitasBot.png
deleted file mode 100644
index efaee5b..0000000
Binary files a/assets/imgs/RisitasBot.png and /dev/null differ
diff --git a/assets/imgs/RisitasBot.webp b/assets/imgs/RisitasBot.webp
new file mode 100644
index 0000000..711e73c
Binary files /dev/null and b/assets/imgs/RisitasBot.webp differ
diff --git a/assets/imgs/RisitasBot_blur.png b/assets/imgs/RisitasBot_blur.png
deleted file mode 100644
index 916fc0a..0000000
Binary files a/assets/imgs/RisitasBot_blur.png and /dev/null differ
diff --git a/assets/imgs/RisitasBot_blur.webp b/assets/imgs/RisitasBot_blur.webp
new file mode 100644
index 0000000..22e065f
Binary files /dev/null and b/assets/imgs/RisitasBot_blur.webp differ
diff --git a/assets/imgs/Riverwood-video.webp b/assets/imgs/Riverwood-video.webp
new file mode 100644
index 0000000..fc7be0b
Binary files /dev/null and b/assets/imgs/Riverwood-video.webp differ
diff --git a/assets/imgs/Riverwood.gif b/assets/imgs/Riverwood.gif
deleted file mode 100644
index 19f3aea..0000000
Binary files a/assets/imgs/Riverwood.gif and /dev/null differ
diff --git a/assets/imgs/Riverwood.png b/assets/imgs/Riverwood.png
deleted file mode 100644
index 793c1aa..0000000
Binary files a/assets/imgs/Riverwood.png and /dev/null differ
diff --git a/assets/imgs/Riverwood.webp b/assets/imgs/Riverwood.webp
new file mode 100644
index 0000000..6c6529f
Binary files /dev/null and b/assets/imgs/Riverwood.webp differ
diff --git a/assets/imgs/Riverwood_blur.png b/assets/imgs/Riverwood_blur.png
deleted file mode 100644
index fa084c8..0000000
Binary files a/assets/imgs/Riverwood_blur.png and /dev/null differ
diff --git a/assets/imgs/Riverwood_blur.webp b/assets/imgs/Riverwood_blur.webp
new file mode 100644
index 0000000..041bb99
Binary files /dev/null and b/assets/imgs/Riverwood_blur.webp differ
diff --git a/assets/imgs/ThesesFr-video.webp b/assets/imgs/ThesesFr-video.webp
new file mode 100644
index 0000000..36a6157
Binary files /dev/null and b/assets/imgs/ThesesFr-video.webp differ
diff --git a/assets/imgs/ThesesFr.gif b/assets/imgs/ThesesFr.gif
deleted file mode 100644
index 4015700..0000000
Binary files a/assets/imgs/ThesesFr.gif and /dev/null differ
diff --git a/assets/imgs/ThesesFr.png b/assets/imgs/ThesesFr.png
deleted file mode 100644
index 72245a9..0000000
Binary files a/assets/imgs/ThesesFr.png and /dev/null differ
diff --git a/assets/imgs/ThesesFr.webp b/assets/imgs/ThesesFr.webp
new file mode 100644
index 0000000..3ca8631
Binary files /dev/null and b/assets/imgs/ThesesFr.webp differ
diff --git a/assets/imgs/ThesesFr_blur.png b/assets/imgs/ThesesFr_blur.png
deleted file mode 100644
index 1199866..0000000
Binary files a/assets/imgs/ThesesFr_blur.png and /dev/null differ
diff --git a/assets/imgs/ThesesFr_blur.webp b/assets/imgs/ThesesFr_blur.webp
new file mode 100644
index 0000000..aaf32f1
Binary files /dev/null and b/assets/imgs/ThesesFr_blur.webp differ
diff --git a/assets/imgs/photo_1.jpg b/assets/imgs/photo_1.jpg
deleted file mode 100644
index 8b740fc..0000000
Binary files a/assets/imgs/photo_1.jpg and /dev/null differ
diff --git a/assets/imgs/photo_1.webp b/assets/imgs/photo_1.webp
new file mode 100644
index 0000000..483ba20
Binary files /dev/null and b/assets/imgs/photo_1.webp differ
diff --git a/assets/imgs/photo_2.jpg b/assets/imgs/photo_2.jpg
deleted file mode 100644
index ac32387..0000000
Binary files a/assets/imgs/photo_2.jpg and /dev/null differ
diff --git a/assets/imgs/photo_2.webp b/assets/imgs/photo_2.webp
new file mode 100644
index 0000000..3a7b975
Binary files /dev/null and b/assets/imgs/photo_2.webp differ
diff --git a/index.html b/index.html
index d843151..fac466f 100644
--- a/index.html
+++ b/index.html
@@ -44,7 +44,7 @@
             <div class="to-fade" id="about">
                 <h2>About</h2>
                 <div class="block">
-                    <img loading="lazy" class="to-grow" src="assets/imgs/FlorianSylvain.jpg">
+                    <img loading="lazy" class="to-grow" src="assets/imgs/FlorianSylvain.webp">
                     <p>
                         IT student at Gustave Eiffel University and R&D Developer Apprentice at WATT Earth, I've always been passionate about computer science. Web design, video games, and algorithms are my main spearhead in computer science.
                     </p>
@@ -144,7 +144,7 @@
             <!-- ---------- Articles contents ---------- -->
 
             <div id="pong2D" class="article-content ">
-                <img loading="lazy" src="assets/imgs/Pong2D.gif">
+                <img loading="lazy" src="assets/imgs/Pong2D-video.webp">
                 <h3>Pong2D</h3>
                 <p>
                     My first project in Python (with Pygame). It's a simple pong, with a main menu, a pause menu and a game over.
@@ -156,7 +156,7 @@
             </div>
 
             <div id="pong3D" class="article-content">
-                <img loading="lazy" src="assets/imgs/Pong3D.gif">
+                <img loading="lazy" src="assets/imgs/Pong3D-video.webp">
                 <h3>Pong3D</h3>
                 <p>
                     My very first project on Unity. It's a simple pong with some effects and a rather calm atmosphere.
@@ -171,7 +171,7 @@
             </div>
 
             <div id="risitasBot" class="article-content">
-                <img loading="lazy" src="assets/imgs/RisitasBot.gif">
+                <img loading="lazy" src="assets/imgs/RisitasBot-video.webp">
                 <h3>Risitas Bot</h3>
                 <p>
                     Risitas_Bot is a Discord bot that can connect your Twitch chat to a Discord channel in real time, make your friends laugh by playing the meme "Issou!" on command in a voice channel and even give you some statistics about your Osu! account and last ranked games.
@@ -183,7 +183,7 @@
             </div>
 
             <div id="riverwood" class="article-content">
-                <img loading="lazy" src="assets/imgs/Riverwood.gif">
+                <img loading="lazy" src="assets/imgs/Riverwood-video.webp">
                 <h3>Riverwood</h3>
                 <p>
                     Work of students of DUT info 1 (IUT of Marne-la-Vallée). The students had to create a sound production inspired by the short film "Calls" by Timothée Hochet.
@@ -195,7 +195,7 @@
             </div>
 
             <div id="thesesFr" class="article-content">
-                <img loading="lazy" src="assets/imgs/ThesesFr.gif">
+                <img loading="lazy" src="assets/imgs/ThesesFr-video.webp">
                 <h3>thèses.fr</h3>
                 <p>
                     The goal was to retrieve the dataset provided by theses.fr, to normalize it, and to create a site allowing to consult these data, first in the form of a simple but visually pleasant list, then in a second time to summarize the research in the form of graphics (and a map).
diff --git a/stylesheet.css b/stylesheet.css
index 090adbf..612d588 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -498,48 +498,48 @@ a {
 }
 
 .pong2D {
-    background: center / contain no-repeat url('assets/imgs/Pong2D.png'),
-                center / cover url('assets/imgs/Pong2D_blur.png');
+    background: center / contain no-repeat url('assets/imgs/Pong2D.webp'),
+                center / cover url('assets/imgs/Pong2D_blur.webp');
 }
 
 .pong2D:hover {
-    background: center / cover no-repeat url('assets/imgs/Pong2D.gif');
+    background: center / cover no-repeat url('assets/imgs/Pong2D-video.webp');
 }
 
 .pong3D {
-    background: center / contain no-repeat url('assets/imgs/Pong3D.png'),
-                center / cover url('assets/imgs/Pong3D_blur.png');
+    background: center / contain no-repeat url('assets/imgs/Pong3D.webp'),
+                center / cover url('assets/imgs/Pong3D_blur.webp');
 }
 
 .pong3D:hover {
-    background: center / cover no-repeat url('assets/imgs/Pong3D.gif');
+    background: center / cover no-repeat url('assets/imgs/Pong3D-video.webp');
 }
 
 .risitasBot {
-    background: center / contain no-repeat url('assets/imgs/RisitasBot.png'),
-                center / cover url('assets/imgs/RisitasBot_blur.png');
+    background: center / contain no-repeat url('assets/imgs/RisitasBot.webp'),
+                center / cover url('assets/imgs/RisitasBot_blur.webp');
 }
 
 .risitasBot:hover {
-    background: center / cover no-repeat url('assets/imgs/RisitasBot.gif');
+    background: center / cover no-repeat url('assets/imgs/RisitasBot-video.webp');
 }
 
 .riverwood {
-    background: center / contain no-repeat url('assets/imgs/Riverwood.png'),
-                center / cover url('assets/imgs/Riverwood_blur.png');
+    background: center / contain no-repeat url('assets/imgs/Riverwood.webp'),
+                center / cover url('assets/imgs/Riverwood_blur.webp');
 }
 
 .riverwood:hover {
-    background: center / cover no-repeat url('assets/imgs/Riverwood.gif');
+    background: center / cover no-repeat url('assets/imgs/Riverwood-video.webp');
 }
 
 .thesesFr {
-    background: center / contain no-repeat url('assets/imgs/ThesesFr.png'),
-                center / cover url('assets/imgs/ThesesFr_blur.png');
+    background: center / contain no-repeat url('assets/imgs/ThesesFr.webp'),
+                center / cover url('assets/imgs/ThesesFr_blur.webp');
 }
 
 .thesesFr:hover {
-    background: center / cover no-repeat url('assets/imgs/ThesesFr.gif');
+    background: center / cover no-repeat url('assets/imgs/ThesesFr-video.webp');
 }
 
 .degree {