diff --git a/CompressingImages.txt b/CompressingImages.txt
new file mode 100644
index 0000000..ca25c65
--- /dev/null
+++ b/CompressingImages.txt
@@ -0,0 +1,15 @@
+This is for in the future when I want to compress more images or anyone else for that matter.
+
+PNGs:
+    https://squoosh.app/
+        good at reducing the pallet, a first step for images that have a limited number of colors, bad at actually compressing thins though
+    pngcrush
+        Good, but should be ran before optipng, but isn't as good as it, use in tandom
+    optipng
+        The best tool to really shrink pngs to be as small as they can be.
+
+SVGs:
+    https://www.svgminify.com/
+        great tool, if anyone knows how to squish them further, let me know, some manual work may go a long way to help shrink svgs, though I'm not doing that right now lol.
+
+I may look into other formats soon as well, though these are the main two I'm currently using
diff --git a/webpage/bitmap.png b/webpage/bitmap.png
new file mode 100644
index 0000000..7c5a575
Binary files /dev/null and b/webpage/bitmap.png differ
diff --git a/webpage/favicon.ico b/webpage/favicon.ico
index f10fd44..5ea3711 100644
Binary files a/webpage/favicon.ico and b/webpage/favicon.ico differ
diff --git a/webpage/index.html b/webpage/index.html
index 2646e0c..1b7e203 100644
--- a/webpage/index.html
+++ b/webpage/index.html
@@ -5,8 +5,8 @@
         <meta content="Jank Client" property="og:title" />
         <meta content="A spacebar client that has DMs, replying and more" property="og:description" />
         <meta content="/login.html" property="og:url" />
-        <meta content="/bitmap.svg" property="og:image" />
-        <meta content="#2a2840" data-react-helmet="true" name="theme-color" />
+        <meta content="/bitmap.png" property="og:image" />
+        <meta content="#4b458c" data-react-helmet="true" name="theme-color" />
 
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
diff --git a/webpage/login.html b/webpage/login.html
index 05c8c2a..d6b3d56 100644
--- a/webpage/login.html
+++ b/webpage/login.html
@@ -4,8 +4,8 @@
     <meta content="Jank Client" property="og:title" />
     <meta content="A spacebar client that has DMs, replying and more" property="og:description" />
     <meta content="/login.html" property="og:url" />
-    <meta content="/bitmap.svg" property="og:image" />
-    <meta content="#2a2840" data-react-helmet="true" name="theme-color" />
+    <meta content="/bitmap.png" property="og:image" />
+    <meta content="#4b458c" data-react-helmet="true" name="theme-color" />
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="/style.css" rel="stylesheet" type="text/css" />
diff --git a/webpage/register.html b/webpage/register.html
index f4a3891..cc37b82 100644
--- a/webpage/register.html
+++ b/webpage/register.html
@@ -4,8 +4,8 @@
     <meta content="Jank Client" property="og:title" />
     <meta content="A spacebar client that has DMs, replying and more" property="og:description" />
     <meta content="/login.html" property="og:url" />
-    <meta content="/bitmap.svg" property="og:image" />
-    <meta content="#2a2840" data-react-helmet="true" name="theme-color" />
+    <meta content="/bitmap.png" property="og:image" />
+    <meta content="#4b458c" data-react-helmet="true" name="theme-color" />
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="/style.css" rel="stylesheet" type="text/css" />