diff --git a/app/assets/images/contact/bottom-screen/background.png b/app/assets/images/contact/bottom-screen/background.png
deleted file mode 100644
index be60a83..0000000
Binary files a/app/assets/images/contact/bottom-screen/background.png and /dev/null differ
diff --git a/app/assets/images/contact/bottom-screen/background.webp b/app/assets/images/contact/bottom-screen/background.webp
new file mode 100644
index 0000000..868887f
Binary files /dev/null and b/app/assets/images/contact/bottom-screen/background.webp differ
diff --git a/app/assets/images/contact/bottom-screen/bottom-bar.png b/app/assets/images/contact/bottom-screen/bottom-bar.png
deleted file mode 100644
index aedabf7..0000000
Binary files a/app/assets/images/contact/bottom-screen/bottom-bar.png and /dev/null differ
diff --git a/app/assets/images/contact/bottom-screen/bottom-bar.webp b/app/assets/images/contact/bottom-screen/bottom-bar.webp
new file mode 100644
index 0000000..386613f
Binary files /dev/null and b/app/assets/images/contact/bottom-screen/bottom-bar.webp differ
diff --git a/app/assets/images/contact/bottom-screen/buttons.png b/app/assets/images/contact/bottom-screen/buttons.png
deleted file mode 100644
index 817a670..0000000
Binary files a/app/assets/images/contact/bottom-screen/buttons.png and /dev/null differ
diff --git a/app/assets/images/contact/bottom-screen/buttons.webp b/app/assets/images/contact/bottom-screen/buttons.webp
new file mode 100644
index 0000000..b0e8024
Binary files /dev/null and b/app/assets/images/contact/bottom-screen/buttons.webp differ
diff --git a/app/assets/images/contact/bottom-screen/notification.png b/app/assets/images/contact/bottom-screen/notification.png
deleted file mode 100644
index 11283c9..0000000
Binary files a/app/assets/images/contact/bottom-screen/notification.png and /dev/null differ
diff --git a/app/assets/images/contact/bottom-screen/notification.webp b/app/assets/images/contact/bottom-screen/notification.webp
new file mode 100644
index 0000000..c04bf59
Binary files /dev/null and b/app/assets/images/contact/bottom-screen/notification.webp differ
diff --git a/app/assets/images/contact/bottom-screen/ok-button.png b/app/assets/images/contact/bottom-screen/ok-button.png
deleted file mode 100644
index 31916cc..0000000
Binary files a/app/assets/images/contact/bottom-screen/ok-button.png and /dev/null differ
diff --git a/app/assets/images/contact/bottom-screen/ok-button.webp b/app/assets/images/contact/bottom-screen/ok-button.webp
new file mode 100644
index 0000000..5f438af
Binary files /dev/null and b/app/assets/images/contact/bottom-screen/ok-button.webp differ
diff --git a/app/assets/images/contact/bottom-screen/top-bar.png b/app/assets/images/contact/bottom-screen/top-bar.png
deleted file mode 100644
index 4d0eab7..0000000
Binary files a/app/assets/images/contact/bottom-screen/top-bar.png and /dev/null differ
diff --git a/app/assets/images/contact/bottom-screen/top-bar.webp b/app/assets/images/contact/bottom-screen/top-bar.webp
new file mode 100644
index 0000000..7ceca75
Binary files /dev/null and b/app/assets/images/contact/bottom-screen/top-bar.webp differ
diff --git a/app/assets/images/contact/top-screen/background.png b/app/assets/images/contact/top-screen/background.png
deleted file mode 100644
index ed8dc11..0000000
Binary files a/app/assets/images/contact/top-screen/background.png and /dev/null differ
diff --git a/app/assets/images/contact/top-screen/background.webp b/app/assets/images/contact/top-screen/background.webp
new file mode 100644
index 0000000..1158c6b
Binary files /dev/null and b/app/assets/images/contact/top-screen/background.webp differ
diff --git a/app/assets/images/contact/top-screen/left-bar-things.png b/app/assets/images/contact/top-screen/left-bar-things.png
deleted file mode 100644
index bc305aa..0000000
Binary files a/app/assets/images/contact/top-screen/left-bar-things.png and /dev/null differ
diff --git a/app/assets/images/contact/top-screen/left-bar-things.webp b/app/assets/images/contact/top-screen/left-bar-things.webp
new file mode 100644
index 0000000..55e5a51
Binary files /dev/null and b/app/assets/images/contact/top-screen/left-bar-things.webp differ
diff --git a/app/assets/images/contact/top-screen/left-bar.png b/app/assets/images/contact/top-screen/left-bar.png
deleted file mode 100644
index 3736b34..0000000
Binary files a/app/assets/images/contact/top-screen/left-bar.png and /dev/null differ
diff --git a/app/assets/images/contact/top-screen/left-bar.webp b/app/assets/images/contact/top-screen/left-bar.webp
new file mode 100644
index 0000000..a1722e6
Binary files /dev/null and b/app/assets/images/contact/top-screen/left-bar.webp differ
diff --git a/app/assets/images/contact/top-screen/title.png b/app/assets/images/contact/top-screen/title.png
deleted file mode 100644
index d211daa..0000000
Binary files a/app/assets/images/contact/top-screen/title.png and /dev/null differ
diff --git a/app/assets/images/contact/top-screen/title.webp b/app/assets/images/contact/top-screen/title.webp
new file mode 100644
index 0000000..43e24bb
Binary files /dev/null and b/app/assets/images/contact/top-screen/title.webp differ
diff --git a/app/assets/images/home/bottom-screen/background.png b/app/assets/images/home/bottom-screen/background.png
deleted file mode 100644
index 3ea2e53..0000000
Binary files a/app/assets/images/home/bottom-screen/background.png and /dev/null differ
diff --git a/app/assets/images/home/bottom-screen/background.webp b/app/assets/images/home/bottom-screen/background.webp
new file mode 100644
index 0000000..e4f0243
Binary files /dev/null and b/app/assets/images/home/bottom-screen/background.webp differ
diff --git a/app/assets/images/home/bottom-screen/buttons/contact.png b/app/assets/images/home/bottom-screen/buttons/contact.png
deleted file mode 100644
index ad592f4..0000000
Binary files a/app/assets/images/home/bottom-screen/buttons/contact.png and /dev/null differ
diff --git a/app/assets/images/home/bottom-screen/buttons/contact.webp b/app/assets/images/home/bottom-screen/buttons/contact.webp
new file mode 100644
index 0000000..776e02b
Binary files /dev/null and b/app/assets/images/home/bottom-screen/buttons/contact.webp differ
diff --git a/app/assets/images/home/bottom-screen/buttons/corner.png b/app/assets/images/home/bottom-screen/buttons/corner.png
deleted file mode 100644
index b392115..0000000
Binary files a/app/assets/images/home/bottom-screen/buttons/corner.png and /dev/null differ
diff --git a/app/assets/images/home/bottom-screen/buttons/corner.webp b/app/assets/images/home/bottom-screen/buttons/corner.webp
new file mode 100644
index 0000000..a75bc7f
Binary files /dev/null and b/app/assets/images/home/bottom-screen/buttons/corner.webp differ
diff --git a/app/assets/images/home/bottom-screen/buttons/downloadPlay.png b/app/assets/images/home/bottom-screen/buttons/downloadPlay.png
deleted file mode 100644
index 5033a98..0000000
Binary files a/app/assets/images/home/bottom-screen/buttons/downloadPlay.png and /dev/null differ
diff --git a/app/assets/images/home/bottom-screen/buttons/downloadPlay.webp b/app/assets/images/home/bottom-screen/buttons/downloadPlay.webp
new file mode 100644
index 0000000..8583901
Binary files /dev/null and b/app/assets/images/home/bottom-screen/buttons/downloadPlay.webp differ
diff --git a/app/assets/images/home/bottom-screen/buttons/game.png b/app/assets/images/home/bottom-screen/buttons/game.png
deleted file mode 100644
index 37a44e8..0000000
Binary files a/app/assets/images/home/bottom-screen/buttons/game.png and /dev/null differ
diff --git a/app/assets/images/home/bottom-screen/buttons/game.webp b/app/assets/images/home/bottom-screen/buttons/game.webp
new file mode 100644
index 0000000..5353b4b
Binary files /dev/null and b/app/assets/images/home/bottom-screen/buttons/game.webp differ
diff --git a/app/assets/images/home/top-screen/background.png b/app/assets/images/home/top-screen/background.png
deleted file mode 100644
index eb1898a..0000000
Binary files a/app/assets/images/home/top-screen/background.png and /dev/null differ
diff --git a/app/assets/images/home/top-screen/background.webp b/app/assets/images/home/top-screen/background.webp
new file mode 100644
index 0000000..ceecb61
Binary files /dev/null and b/app/assets/images/home/top-screen/background.webp differ
diff --git a/app/assets/images/home/top-screen/calendar/calendar.png b/app/assets/images/home/top-screen/calendar/calendar.png
deleted file mode 100644
index 6152f6e..0000000
Binary files a/app/assets/images/home/top-screen/calendar/calendar.png and /dev/null differ
diff --git a/app/assets/images/home/top-screen/calendar/calendar.webp b/app/assets/images/home/top-screen/calendar/calendar.webp
new file mode 100644
index 0000000..e181492
Binary files /dev/null and b/app/assets/images/home/top-screen/calendar/calendar.webp differ
diff --git a/app/assets/images/home/top-screen/calendar/day-selector.png b/app/assets/images/home/top-screen/calendar/day-selector.png
deleted file mode 100644
index 2ed89f0..0000000
Binary files a/app/assets/images/home/top-screen/calendar/day-selector.png and /dev/null differ
diff --git a/app/assets/images/home/top-screen/calendar/day-selector.webp b/app/assets/images/home/top-screen/calendar/day-selector.webp
new file mode 100644
index 0000000..e1ece3c
Binary files /dev/null and b/app/assets/images/home/top-screen/calendar/day-selector.webp differ
diff --git a/app/assets/images/home/top-screen/calendar/last-row.png b/app/assets/images/home/top-screen/calendar/last-row.png
deleted file mode 100644
index f51414b..0000000
Binary files a/app/assets/images/home/top-screen/calendar/last-row.png and /dev/null differ
diff --git a/app/assets/images/home/top-screen/calendar/last-row.webp b/app/assets/images/home/top-screen/calendar/last-row.webp
new file mode 100644
index 0000000..2197dd8
Binary files /dev/null and b/app/assets/images/home/top-screen/calendar/last-row.webp differ
diff --git a/app/assets/images/home/top-screen/clock.png b/app/assets/images/home/top-screen/clock.png
deleted file mode 100644
index c418cee..0000000
Binary files a/app/assets/images/home/top-screen/clock.png and /dev/null differ
diff --git a/app/assets/images/home/top-screen/clock.webp b/app/assets/images/home/top-screen/clock.webp
new file mode 100644
index 0000000..87a853a
Binary files /dev/null and b/app/assets/images/home/top-screen/clock.webp differ
diff --git a/app/assets/images/home/top-screen/status-bar/battery.png b/app/assets/images/home/top-screen/status-bar/battery.png
deleted file mode 100644
index 88432c1..0000000
Binary files a/app/assets/images/home/top-screen/status-bar/battery.png and /dev/null differ
diff --git a/app/assets/images/home/top-screen/status-bar/battery.webp b/app/assets/images/home/top-screen/status-bar/battery.webp
new file mode 100644
index 0000000..91c850b
Binary files /dev/null and b/app/assets/images/home/top-screen/status-bar/battery.webp differ
diff --git a/app/assets/images/home/top-screen/status-bar/gba-display.png b/app/assets/images/home/top-screen/status-bar/gba-display.png
deleted file mode 100644
index 9c3e576..0000000
Binary files a/app/assets/images/home/top-screen/status-bar/gba-display.png and /dev/null differ
diff --git a/app/assets/images/home/top-screen/status-bar/gba-display.webp b/app/assets/images/home/top-screen/status-bar/gba-display.webp
new file mode 100644
index 0000000..a3afab5
Binary files /dev/null and b/app/assets/images/home/top-screen/status-bar/gba-display.webp differ
diff --git a/app/assets/images/home/top-screen/status-bar/startup-mode.png b/app/assets/images/home/top-screen/status-bar/startup-mode.png
deleted file mode 100644
index 3d5d5c7..0000000
Binary files a/app/assets/images/home/top-screen/status-bar/startup-mode.png and /dev/null differ
diff --git a/app/assets/images/home/top-screen/status-bar/startup-mode.webp b/app/assets/images/home/top-screen/status-bar/startup-mode.webp
new file mode 100644
index 0000000..3cd2a4e
Binary files /dev/null and b/app/assets/images/home/top-screen/status-bar/startup-mode.webp differ
diff --git a/app/assets/images/home/top-screen/status-bar/status-bar.png b/app/assets/images/home/top-screen/status-bar/status-bar.png
deleted file mode 100644
index 56199c2..0000000
Binary files a/app/assets/images/home/top-screen/status-bar/status-bar.png and /dev/null differ
diff --git a/app/assets/images/home/top-screen/status-bar/status-bar.webp b/app/assets/images/home/top-screen/status-bar/status-bar.webp
new file mode 100644
index 0000000..0552bbc
Binary files /dev/null and b/app/assets/images/home/top-screen/status-bar/status-bar.webp differ
diff --git a/app/assets/images/projects/bottom-screen/background.png b/app/assets/images/projects/bottom-screen/background.png
deleted file mode 100644
index de50e2c..0000000
Binary files a/app/assets/images/projects/bottom-screen/background.png and /dev/null differ
diff --git a/app/assets/images/projects/bottom-screen/background.webp b/app/assets/images/projects/bottom-screen/background.webp
new file mode 100644
index 0000000..c0770e2
Binary files /dev/null and b/app/assets/images/projects/bottom-screen/background.webp differ
diff --git a/app/assets/images/projects/bottom-screen/project-square.png b/app/assets/images/projects/bottom-screen/project-square.png
deleted file mode 100644
index dbd000d..0000000
Binary files a/app/assets/images/projects/bottom-screen/project-square.png and /dev/null differ
diff --git a/app/assets/images/projects/bottom-screen/project-square.webp b/app/assets/images/projects/bottom-screen/project-square.webp
new file mode 100644
index 0000000..0f18f02
Binary files /dev/null and b/app/assets/images/projects/bottom-screen/project-square.webp differ
diff --git a/app/assets/images/projects/bottom-screen/selector.png b/app/assets/images/projects/bottom-screen/selector.png
deleted file mode 100644
index 48749ba..0000000
Binary files a/app/assets/images/projects/bottom-screen/selector.png and /dev/null differ
diff --git a/app/assets/images/projects/bottom-screen/selector.webp b/app/assets/images/projects/bottom-screen/selector.webp
new file mode 100644
index 0000000..794db16
Binary files /dev/null and b/app/assets/images/projects/bottom-screen/selector.webp differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/biobleud.png b/app/assets/images/projects/bottom-screen/thumbnails/biobleud.png
deleted file mode 100644
index 37afab3..0000000
Binary files a/app/assets/images/projects/bottom-screen/thumbnails/biobleud.png and /dev/null differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/biobleud.webp b/app/assets/images/projects/bottom-screen/thumbnails/biobleud.webp
new file mode 100644
index 0000000..f93bb35
Binary files /dev/null and b/app/assets/images/projects/bottom-screen/thumbnails/biobleud.webp differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/lbf-bot.png b/app/assets/images/projects/bottom-screen/thumbnails/lbf-bot.png
deleted file mode 100644
index 37afab3..0000000
Binary files a/app/assets/images/projects/bottom-screen/thumbnails/lbf-bot.png and /dev/null differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/lbf-bot.webp b/app/assets/images/projects/bottom-screen/thumbnails/lbf-bot.webp
new file mode 100644
index 0000000..f93bb35
Binary files /dev/null and b/app/assets/images/projects/bottom-screen/thumbnails/lbf-bot.webp differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/lilou.cat.png b/app/assets/images/projects/bottom-screen/thumbnails/lilou.cat.png
deleted file mode 100644
index 37afab3..0000000
Binary files a/app/assets/images/projects/bottom-screen/thumbnails/lilou.cat.png and /dev/null differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/lilou.cat.webp b/app/assets/images/projects/bottom-screen/thumbnails/lilou.cat.webp
new file mode 100644
index 0000000..f93bb35
Binary files /dev/null and b/app/assets/images/projects/bottom-screen/thumbnails/lilou.cat.webp differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/pihkaal.me.png b/app/assets/images/projects/bottom-screen/thumbnails/pihkaal.me.png
deleted file mode 100644
index 37afab3..0000000
Binary files a/app/assets/images/projects/bottom-screen/thumbnails/pihkaal.me.png and /dev/null differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/pihkaal.me.webp b/app/assets/images/projects/bottom-screen/thumbnails/pihkaal.me.webp
new file mode 100644
index 0000000..f93bb35
Binary files /dev/null and b/app/assets/images/projects/bottom-screen/thumbnails/pihkaal.me.webp differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/raylib-speedruns.png b/app/assets/images/projects/bottom-screen/thumbnails/raylib-speedruns.png
deleted file mode 100644
index 37afab3..0000000
Binary files a/app/assets/images/projects/bottom-screen/thumbnails/raylib-speedruns.png and /dev/null differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/raylib-speedruns.webp b/app/assets/images/projects/bottom-screen/thumbnails/raylib-speedruns.webp
new file mode 100644
index 0000000..f93bb35
Binary files /dev/null and b/app/assets/images/projects/bottom-screen/thumbnails/raylib-speedruns.webp differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/s3pweb.png b/app/assets/images/projects/bottom-screen/thumbnails/s3pweb.png
deleted file mode 100644
index 37afab3..0000000
Binary files a/app/assets/images/projects/bottom-screen/thumbnails/s3pweb.png and /dev/null differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/s3pweb.webp b/app/assets/images/projects/bottom-screen/thumbnails/s3pweb.webp
new file mode 100644
index 0000000..f93bb35
Binary files /dev/null and b/app/assets/images/projects/bottom-screen/thumbnails/s3pweb.webp differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/simple-qr.png b/app/assets/images/projects/bottom-screen/thumbnails/simple-qr.png
deleted file mode 100644
index 8521981..0000000
Binary files a/app/assets/images/projects/bottom-screen/thumbnails/simple-qr.png and /dev/null differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/simple-qr.webp b/app/assets/images/projects/bottom-screen/thumbnails/simple-qr.webp
new file mode 100644
index 0000000..797e671
Binary files /dev/null and b/app/assets/images/projects/bottom-screen/thumbnails/simple-qr.webp differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/tlock.png b/app/assets/images/projects/bottom-screen/thumbnails/tlock.png
deleted file mode 100644
index 37afab3..0000000
Binary files a/app/assets/images/projects/bottom-screen/thumbnails/tlock.png and /dev/null differ
diff --git a/app/assets/images/projects/bottom-screen/thumbnails/tlock.webp b/app/assets/images/projects/bottom-screen/thumbnails/tlock.webp
new file mode 100644
index 0000000..f93bb35
Binary files /dev/null and b/app/assets/images/projects/bottom-screen/thumbnails/tlock.webp differ
diff --git a/app/assets/images/projects/bottom-screen/visit-disabled.png b/app/assets/images/projects/bottom-screen/visit-disabled.png
deleted file mode 100644
index 696041c..0000000
Binary files a/app/assets/images/projects/bottom-screen/visit-disabled.png and /dev/null differ
diff --git a/app/assets/images/projects/bottom-screen/visit-disabled.webp b/app/assets/images/projects/bottom-screen/visit-disabled.webp
new file mode 100644
index 0000000..20667d3
Binary files /dev/null and b/app/assets/images/projects/bottom-screen/visit-disabled.webp differ
diff --git a/app/components/Common/ButtonSelector.vue b/app/components/Common/ButtonSelector.vue
index 93ea9b5..5dd9b61 100644
--- a/app/components/Common/ButtonSelector.vue
+++ b/app/components/Common/ButtonSelector.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import CORNER_IMAGE from "/assets/images/home/bottom-screen/buttons/corner.png";
+import CORNER_IMAGE from "/assets/images/home/bottom-screen/buttons/corner.webp";
 
 const props = withDefaults(
   defineProps<{
diff --git a/app/components/Contact/BottomScreen/Background.vue b/app/components/Contact/BottomScreen/Background.vue
index 446a054..2974589 100644
--- a/app/components/Contact/BottomScreen/Background.vue
+++ b/app/components/Contact/BottomScreen/Background.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import HOME_BACKGROUND_IMAGE from "/assets/images/home/bottom-screen/background.png";
-import CONTACT_BACKGROUND_IMAGE from "/assets/images/contact/bottom-screen/background.png";
+import HOME_BACKGROUND_IMAGE from "/assets/images/home/bottom-screen/background.webp";
+import CONTACT_BACKGROUND_IMAGE from "/assets/images/contact/bottom-screen/background.webp";
 
 const store = useContactStore();
 
diff --git a/app/components/Contact/BottomScreen/Bars.vue b/app/components/Contact/BottomScreen/Bars.vue
index d9ec6d4..2a57b6b 100644
--- a/app/components/Contact/BottomScreen/Bars.vue
+++ b/app/components/Contact/BottomScreen/Bars.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import TOP_BAR_IMAGE from "/assets/images/contact/bottom-screen/top-bar.png";
-import BOTTOM_BAR_IMAGE from "/assets/images/contact/bottom-screen/bottom-bar.png";
-import BOTTOM_BAR_OK_IMAGE from "/assets/images/contact/bottom-screen/ok-button.png";
+import TOP_BAR_IMAGE from "/assets/images/contact/bottom-screen/top-bar.webp";
+import BOTTOM_BAR_IMAGE from "/assets/images/contact/bottom-screen/bottom-bar.webp";
+import BOTTOM_BAR_OK_IMAGE from "/assets/images/contact/bottom-screen/ok-button.webp";
 
 const props = defineProps<{
   okLabel: "Copy" | "Open";
diff --git a/app/components/Contact/BottomScreen/Buttons.vue b/app/components/Contact/BottomScreen/Buttons.vue
index bd9d618..3cad6f9 100644
--- a/app/components/Contact/BottomScreen/Buttons.vue
+++ b/app/components/Contact/BottomScreen/Buttons.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import BUTTONS_IMAGE from "/assets/images/contact/bottom-screen/buttons.png";
+import BUTTONS_IMAGE from "/assets/images/contact/bottom-screen/buttons.webp";
 
 const store = useContactStore();
 
diff --git a/app/components/Contact/TopScreen/Background.vue b/app/components/Contact/TopScreen/Background.vue
index be3a3ba..388958e 100644
--- a/app/components/Contact/TopScreen/Background.vue
+++ b/app/components/Contact/TopScreen/Background.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import HOME_BACKGROUND_IMAGE from "/assets/images/home/top-screen/background.png";
-import CONTACT_BACKGROUND_IMAGE from "/assets/images/contact/top-screen/background.png";
+import HOME_BACKGROUND_IMAGE from "/assets/images/home/top-screen/background.webp";
+import CONTACT_BACKGROUND_IMAGE from "/assets/images/contact/top-screen/background.webp";
 
 const store = useContactStore();
 
diff --git a/app/components/Contact/TopScreen/LeftBar.vue b/app/components/Contact/TopScreen/LeftBar.vue
index 0581cf0..91252ee 100644
--- a/app/components/Contact/TopScreen/LeftBar.vue
+++ b/app/components/Contact/TopScreen/LeftBar.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import BACKGROUND_IMAGE from "/assets/images/contact/top-screen/left-bar.png";
-import THINGS_IMAGE from "/assets/images/contact/top-screen/left-bar-things.png";
+import BACKGROUND_IMAGE from "/assets/images/contact/top-screen/left-bar.webp";
+import THINGS_IMAGE from "/assets/images/contact/top-screen/left-bar-things.webp";
 
 const store = useContactStore();
 
diff --git a/app/components/Contact/TopScreen/Notifications.vue b/app/components/Contact/TopScreen/Notifications.vue
index 8726042..074cb3d 100644
--- a/app/components/Contact/TopScreen/Notifications.vue
+++ b/app/components/Contact/TopScreen/Notifications.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import NOTIFICATION_IMAGE from "/assets/images/contact/bottom-screen/notification.png";
-import TITLE_IMAGE from "/assets/images/contact/top-screen/title.png";
+import NOTIFICATION_IMAGE from "/assets/images/contact/bottom-screen/notification.webp";
+import TITLE_IMAGE from "/assets/images/contact/top-screen/title.webp";
 
 // text color:
 const store = useContactStore();
diff --git a/app/components/Home/BottomScreen/Background.vue b/app/components/Home/BottomScreen/Background.vue
index 4917cd6..4014e69 100644
--- a/app/components/Home/BottomScreen/Background.vue
+++ b/app/components/Home/BottomScreen/Background.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import BACKGROUND_IMAGE from "/assets/images/home/bottom-screen/background.png";
+import BACKGROUND_IMAGE from "/assets/images/home/bottom-screen/background.webp";
 
 const store = useHomeStore();
 const app = useAppStore();
diff --git a/app/components/Home/BottomScreen/Buttons/ContactButton.vue b/app/components/Home/BottomScreen/Buttons/ContactButton.vue
index a5c17d9..2e6dcb8 100644
--- a/app/components/Home/BottomScreen/Buttons/ContactButton.vue
+++ b/app/components/Home/BottomScreen/Buttons/ContactButton.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/contact.png";
+import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/contact.webp";
 
 const props = defineProps<{
   x: number;
diff --git a/app/components/Home/BottomScreen/Buttons/DownloadPlayButton.vue b/app/components/Home/BottomScreen/Buttons/DownloadPlayButton.vue
index 1f0e490..433f7e8 100644
--- a/app/components/Home/BottomScreen/Buttons/DownloadPlayButton.vue
+++ b/app/components/Home/BottomScreen/Buttons/DownloadPlayButton.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/downloadPlay.png";
+import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/downloadPlay.webp";
 
 const props = defineProps<{
   x: number;
diff --git a/app/components/Home/BottomScreen/Buttons/GameButton.vue b/app/components/Home/BottomScreen/Buttons/GameButton.vue
index 1e32fc7..f3b2dc1 100644
--- a/app/components/Home/BottomScreen/Buttons/GameButton.vue
+++ b/app/components/Home/BottomScreen/Buttons/GameButton.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/game.png";
+import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/game.webp";
 
 const props = defineProps<{
   x: number;
diff --git a/app/components/Home/TopScreen/Background.vue b/app/components/Home/TopScreen/Background.vue
index b3636cb..e1a3990 100644
--- a/app/components/Home/TopScreen/Background.vue
+++ b/app/components/Home/TopScreen/Background.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import BACKGROUND_IMAGE from "/assets/images/home/top-screen/background.png";
+import BACKGROUND_IMAGE from "/assets/images/home/top-screen/background.webp";
 
 const store = useHomeStore();
 const app = useAppStore();
diff --git a/app/components/Home/TopScreen/Calendar.vue b/app/components/Home/TopScreen/Calendar.vue
index 9de3cb8..e6c61ee 100644
--- a/app/components/Home/TopScreen/Calendar.vue
+++ b/app/components/Home/TopScreen/Calendar.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import CALENDAR_IMAGE from "/assets/images/home/top-screen/calendar/calendar.png";
-import LAST_ROW_IMAGE from "/assets/images/home/top-screen/calendar/last-row.png";
-import DAY_SELECTOR_IMAGE from "/assets/images/home/top-screen/calendar/day-selector.png";
+import CALENDAR_IMAGE from "/assets/images/home/top-screen/calendar/calendar.webp";
+import LAST_ROW_IMAGE from "/assets/images/home/top-screen/calendar/last-row.webp";
+import DAY_SELECTOR_IMAGE from "/assets/images/home/top-screen/calendar/day-selector.webp";
 
 // NOTE: calendar background is handled by TopScreenBackground
 const store = useHomeStore();
diff --git a/app/components/Home/TopScreen/Clock.vue b/app/components/Home/TopScreen/Clock.vue
index c66e90b..829dd00 100644
--- a/app/components/Home/TopScreen/Clock.vue
+++ b/app/components/Home/TopScreen/Clock.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import CLOCK_IMAGE from "/assets/images/home/top-screen/clock.png";
+import CLOCK_IMAGE from "/assets/images/home/top-screen/clock.webp";
 
 const CENTER_X = 63;
 const CENTER_Y = 95;
diff --git a/app/components/Home/TopScreen/StatusBar.vue b/app/components/Home/TopScreen/StatusBar.vue
index e82c9b9..3f1ab83 100644
--- a/app/components/Home/TopScreen/StatusBar.vue
+++ b/app/components/Home/TopScreen/StatusBar.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import STATUS_BAR_IMAGE from "/assets/images/home/top-screen/status-bar/status-bar.png";
-import GBA_DISPLAY_IMAGE from "/assets/images/home/top-screen/status-bar/gba-display.png";
-import STARTUP_MODE_IMAGE from "/assets/images/home/top-screen/status-bar/startup-mode.png";
-import BATTERY_IMAGE from "/assets/images/home/top-screen/status-bar/battery.png";
+import STATUS_BAR_IMAGE from "/assets/images/home/top-screen/status-bar/status-bar.webp";
+import GBA_DISPLAY_IMAGE from "/assets/images/home/top-screen/status-bar/gba-display.webp";
+import STARTUP_MODE_IMAGE from "/assets/images/home/top-screen/status-bar/startup-mode.webp";
+import BATTERY_IMAGE from "/assets/images/home/top-screen/status-bar/battery.webp";
 
 const store = useHomeStore();
 
diff --git a/app/components/Projects/BottomScreen/Background.vue b/app/components/Projects/BottomScreen/Background.vue
index 229d636..47cadf2 100644
--- a/app/components/Projects/BottomScreen/Background.vue
+++ b/app/components/Projects/BottomScreen/Background.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import BACKGROUND_IMAGE from "/assets/images/projects/bottom-screen/background.png";
-import VISIT_DISABLED_IMAGE from "/assets/images/projects/bottom-screen/visit-disabled.png";
+import BACKGROUND_IMAGE from "/assets/images/projects/bottom-screen/background.webp";
+import VISIT_DISABLED_IMAGE from "/assets/images/projects/bottom-screen/visit-disabled.webp";
 
 const store = useProjectsStore();
 
diff --git a/app/components/Projects/BottomScreen/Projects.vue b/app/components/Projects/BottomScreen/Projects.vue
index 1a8cb0a..776c742 100644
--- a/app/components/Projects/BottomScreen/Projects.vue
+++ b/app/components/Projects/BottomScreen/Projects.vue
@@ -2,8 +2,8 @@
 // TODO: handle mouse wheel
 
 import gsap from "gsap";
-import SELECTOR_IMAGE from "/assets/images/projects/bottom-screen/selector.png";
-import PROJECT_SQUARE_IMAGE from "/assets/images/projects/bottom-screen/project-square.png";
+import SELECTOR_IMAGE from "/assets/images/projects/bottom-screen/selector.webp";
+import PROJECT_SQUARE_IMAGE from "/assets/images/projects/bottom-screen/project-square.webp";
 import { useKeyDown } from "~/composables/useKeyDown";
 
 const store = useProjectsStore();
diff --git a/app/stores/projects.ts b/app/stores/projects.ts
index 1a6aebb..153b6dc 100644
--- a/app/stores/projects.ts
+++ b/app/stores/projects.ts
@@ -1,11 +1,11 @@
-import PIHKAAL_ME_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/pihkaal.me.png";
-import TLOCK_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/tlock.png";
-import SIMPLE_QR_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/simple-qr.png";
-import LILOU_CAT_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/lilou.cat.png";
-import LBF_BOT_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/lbf-bot.png";
-import RAYLIB_SPEENDRUNS_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/raylib-speedruns.png";
-import SP3WEB_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/s3pweb.png";
-import BIOBLEUD_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/biobleud.png";
+import PIHKAAL_ME_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/pihkaal.me.webp";
+import TLOCK_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/tlock.webp";
+import SIMPLE_QR_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/simple-qr.webp";
+import LILOU_CAT_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/lilou.cat.webp";
+import LBF_BOT_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/lbf-bot.webp";
+import RAYLIB_SPEENDRUNS_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/raylib-speedruns.webp";
+import SP3WEB_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/s3pweb.webp";
+import BIOBLEUD_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/biobleud.webp";
 
 export const useProjectsStore = defineStore("projects", {
   state: () => ({