diff --git a/README.md b/README.md
index 9e04ee6..969fd9e 100644
--- a/README.md
+++ b/README.md
@@ -29,7 +29,7 @@
 </div>
 
 <p align="center">
-  <img src="static/assets/images/screenshot.png" width="500px">
+  <img src="static/assets/images/screenshot.webp" width="500px">
 </p>
 
 Installation instructions can be found below and in the [Wiki](https://github.com/muety/wakapi/wiki).
diff --git a/static/assets/images/screenshot.png b/static/assets/images/screenshot.png
deleted file mode 100644
index 2d6b678..0000000
Binary files a/static/assets/images/screenshot.png and /dev/null differ
diff --git a/static/assets/images/screenshot.webp b/static/assets/images/screenshot.webp
new file mode 100644
index 0000000..c4312cc
Binary files /dev/null and b/static/assets/images/screenshot.webp differ
diff --git a/views/head.tpl.html b/views/head.tpl.html
index a952a02..62ff733 100644
--- a/views/head.tpl.html
+++ b/views/head.tpl.html
@@ -5,7 +5,7 @@
     <meta property="og:title" content="Wakapi - Coding Statistics" />
     <meta property="og:type" content="website" />
     <meta property="og:description" content="Wakapi is an open-source tool that helps you keep track of the time you have spent coding on different projects in different programming languages and more. Ideal for statistics freaks and anyone else.">
-    <meta property="og:image" content="assets/images/screenshot.png" />
+    <meta property="og:image" content="assets/images/screenshot.webp" />
     <link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon-16x16.png">
diff --git a/views/index.tpl.html b/views/index.tpl.html
index 3fa3c35..5c57161 100644
--- a/views/index.tpl.html
+++ b/views/index.tpl.html
@@ -58,7 +58,7 @@
         </p>
 
         <div class="flex justify-center my-8">
-            <img alt="App screenshot" src="assets/images/screenshot.png">
+            <img alt="App screenshot" src="assets/images/screenshot.webp">
         </div>
 
         <div class="flex flex-col items-center mt-10">