diff --git a/webpage/index.html b/webpage/index.html
index 03b0ba7..d4a9a36 100644
--- a/webpage/index.html
+++ b/webpage/index.html
@@ -6,7 +6,7 @@
         <title>Jank Client</title>
         <meta content="Jank Client" property="og:title" />
         <meta content="A spacebar client that has DMs, replying and more" property="og:description" />
-        <meta content="/logo.png" property="og:image" />
+        <meta content="/logo.webp" property="og:image" />
         <meta content="#4b458c" data-react-helmet="true" name="theme-color" />
         <link href="/style.css" rel="stylesheet" type="text/css" />
         <link href="/themes.css" rel="stylesheet" type="text/css" id="lightcss"/>
diff --git a/webpage/login.html b/webpage/login.html
index 2b1ff44..6e14740 100644
--- a/webpage/login.html
+++ b/webpage/login.html
@@ -5,7 +5,7 @@
     <title>Jank Client</title>
     <meta content="Jank Client" property="og:title" />
     <meta content="A spacebar client that has DMs, replying and more" property="og:description" />
-    <meta content="/logo.png" property="og:image" />
+    <meta content="/logo.webp" property="og:image" />
     <meta content="#4b458c" data-react-helmet="true" name="theme-color" />
     <link href="/style.css" rel="stylesheet" type="text/css" />
     <link href="/themes.css" rel="stylesheet" type="text/css" id="lightcss"/>
diff --git a/webpage/logo.png b/webpage/logo.png
deleted file mode 100644
index 7c5a575..0000000
Binary files a/webpage/logo.png and /dev/null differ
diff --git a/webpage/logo.webp b/webpage/logo.webp
new file mode 100644
index 0000000..2dacf92
Binary files /dev/null and b/webpage/logo.webp differ
diff --git a/webpage/register.html b/webpage/register.html
index ca968ff..83c7c5d 100644
--- a/webpage/register.html
+++ b/webpage/register.html
@@ -5,7 +5,7 @@
     <title>Jank Client</title>
     <meta content="Jank Client" property="og:title" />
     <meta content="A spacebar client that has DMs, replying and more" property="og:description" />
-    <meta content="/logo.png" property="og:image" />
+    <meta content="/logo.webp" property="og:image" />
     <meta content="#4b458c" data-react-helmet="true" name="theme-color" />
     <link href="/style.css" rel="stylesheet" type="text/css" />
     <link href="/themes.css" rel="stylesheet" type="text/css" id="lightcss"/>