diff --git a/static/images/logo/logo-full-256.webp b/static/images/logo/logo-full-256.webp
new file mode 100644
index 0000000..f531d0e
Binary files /dev/null and b/static/images/logo/logo-full-256.webp differ
diff --git a/static/images/logo/logo-full-512.webp b/static/images/logo/logo-full-512.webp
new file mode 100644
index 0000000..450dbb0
Binary files /dev/null and b/static/images/logo/logo-full-512.webp differ
diff --git a/static/images/logo/logo-full-715.webp b/static/images/logo/logo-full-715.webp
new file mode 100644
index 0000000..a5c8259
Binary files /dev/null and b/static/images/logo/logo-full-715.webp differ
diff --git a/static/index.html b/static/index.html
index 46e0272..de1ea33 100644
--- a/static/index.html
+++ b/static/index.html
@@ -29,10 +29,13 @@
 
     <!-- Main Content Begins -->
     <picture>
+      <source media="(min-width:800px)" secset="/images/logo/logo-full-715.webp" type="image/webp">
       <source media="(min-width:800px)" srcset="/images/logo/logo-full-715.png" type="image/png">
+      <source media="(min-width:700px)" srcset="/images/logo/logo-full-512.webp" type="image/webp">
       <source media="(min-width:700px)" srcset="/images/logo/logo-full-512.png" type="image/png">
-      <source media="(max-width:450px)" srcset="/images/logo/logo-full-256.png" type="image/png">
-      <img class="titleimg" src="/images/logo/logo-full-256.png" alt="OwlBoards Logo">
+      <source media="(min-width:450px)" srcset="/images/logo/logo-full-256.webp" type="image/png">
+      <source media="(min-width:450px)" srcset="/images/logo/logo-full-256.png" type="image/png">
+      <img class="titleimg" src="/images/logo/logo-full-512.png" alt="OwlBoards Logo">
     </picture>
     <br>
     <input class="lookup-box" type="text" id="crs-lookup" name="crs-lookup" placeholder="Enter CRS/TIPLOC"/>