diff --git a/css/main.css b/css/main.css
index e7a685d..474dbe1 100644
--- a/css/main.css
+++ b/css/main.css
@@ -107,7 +107,7 @@ body, html {
 
 body {
     background-color: #161A25;
-    background-image: url("/img/branding/backgroundSmall.png");
+    background-image: url("/img/branding/backgroundSmall.webp");
 }
 
 a {
diff --git a/img/branding/LunarPenguin_newPalette_transparency_brightDiamond.webp b/img/branding/LunarPenguin_newPalette_transparency_brightDiamond.webp
index 9ad6819..1085eb2 100644
Binary files a/img/branding/LunarPenguin_newPalette_transparency_brightDiamond.webp and b/img/branding/LunarPenguin_newPalette_transparency_brightDiamond.webp differ
diff --git a/img/branding/backgroundSmall.webp b/img/branding/backgroundSmall.webp
new file mode 100644
index 0000000..4f49c61
Binary files /dev/null and b/img/branding/backgroundSmall.webp differ
diff --git a/index.html b/index.html
index 279967d..f25f8db 100644
--- a/index.html
+++ b/index.html
@@ -461,6 +461,7 @@
         let image = new Image();
         image.src = source;
         image.alt = "YouTube thumbnail image.";
+        image.loading = "lazy";
         image.addEventListener("load", function () {
             youtube[i].appendChild(image);
         }(i));