diff --git a/README.md b/README.md
index 3c1309f37..b57540480 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@
 
 [**gpx.studio**](https://gpx.studio) is an online tool for creating and editing GPX files.
 
-![gpx.studio screenshot](website/src/lib/assets/img/docs/getting-started/interface.png)
+![gpx.studio screenshot](website/src/lib/assets/img/docs/getting-started/interface.webp)
 
 This repository contains the source code of the website.
 
diff --git a/website/src/lib/assets/img/docs/getting-started/interface.png b/website/src/lib/assets/img/docs/getting-started/interface.png
deleted file mode 100644
index 33554a990..000000000
Binary files a/website/src/lib/assets/img/docs/getting-started/interface.png and /dev/null differ
diff --git a/website/src/lib/assets/img/docs/getting-started/interface.webp b/website/src/lib/assets/img/docs/getting-started/interface.webp
new file mode 100644
index 000000000..f220b710c
Binary files /dev/null and b/website/src/lib/assets/img/docs/getting-started/interface.webp differ
diff --git a/website/src/lib/assets/img/docs/tools/routing.png b/website/src/lib/assets/img/docs/tools/routing.png
index 839fe0213..7ecb7cbe1 100644
Binary files a/website/src/lib/assets/img/docs/tools/routing.png and b/website/src/lib/assets/img/docs/tools/routing.png differ
diff --git a/website/src/lib/assets/img/docs/tools/split.png b/website/src/lib/assets/img/docs/tools/split.png
index 1bd7606c7..6706e3609 100644
Binary files a/website/src/lib/assets/img/docs/tools/split.png and b/website/src/lib/assets/img/docs/tools/split.png differ
diff --git a/website/src/lib/assets/img/home/cyclosm.png b/website/src/lib/assets/img/home/cyclosm.png
index 16456c6d1..d3ca00b7c 100644
Binary files a/website/src/lib/assets/img/home/cyclosm.png and b/website/src/lib/assets/img/home/cyclosm.png differ
diff --git a/website/src/lib/assets/img/home/ign.png b/website/src/lib/assets/img/home/ign.png
index ed3b13e5e..4ddc6a7f5 100644
Binary files a/website/src/lib/assets/img/home/ign.png and b/website/src/lib/assets/img/home/ign.png differ
diff --git a/website/src/lib/assets/img/home/maptiler-satellite.png b/website/src/lib/assets/img/home/maptiler-satellite.png
index 169bfe150..79c862d2b 100644
Binary files a/website/src/lib/assets/img/home/maptiler-satellite.png and b/website/src/lib/assets/img/home/maptiler-satellite.png differ
diff --git a/website/src/lib/assets/img/home/maptiler-topo.png b/website/src/lib/assets/img/home/maptiler-topo.png
index 841d16b35..4357a9e6f 100644
Binary files a/website/src/lib/assets/img/home/maptiler-topo.png and b/website/src/lib/assets/img/home/maptiler-topo.png differ
diff --git a/website/src/lib/assets/img/home/waymarked.png b/website/src/lib/assets/img/home/waymarked.png
index 43561e16b..034bf1281 100644
Binary files a/website/src/lib/assets/img/home/waymarked.png and b/website/src/lib/assets/img/home/waymarked.png differ
diff --git a/website/src/lib/components/docs/DocsImage.svelte b/website/src/lib/components/docs/DocsImage.svelte
index b3fea0476..c632f2ae1 100644
--- a/website/src/lib/components/docs/DocsImage.svelte
+++ b/website/src/lib/components/docs/DocsImage.svelte
@@ -12,7 +12,7 @@
     <div class="rounded-md overflow-hidden overflow-clip shadow-xl mx-auto">
         {#if src === 'getting-started/interface'}
             <enhanced:img
-                src="/src/lib/assets/img/docs/getting-started/interface.png"
+                src="/src/lib/assets/img/docs/getting-started/interface.webp"
                 {alt}
                 class="w-full max-w-3xl"
             />
@@ -20,13 +20,13 @@
             <enhanced:img
                 src="/src/lib/assets/img/docs/tools/routing.png"
                 {alt}
-                class="w-full max-w-3xl"
+                class="w-full max-w-lg"
             />
         {:else if src === 'tools/split'}
             <enhanced:img
                 src="/src/lib/assets/img/docs/tools/split.png"
                 {alt}
-                class="w-full max-w-3xl"
+                class="w-full max-w-lg"
             />
         {/if}
     </div>