diff --git a/css/main.css b/css/main.css
index fdc460e..6b123ae 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/art/airship1.png b/img/art/airship1.png
deleted file mode 100644
index 28f402c..0000000
Binary files a/img/art/airship1.png and /dev/null differ
diff --git a/img/art/airship1.webp b/img/art/airship1.webp
new file mode 100644
index 0000000..387a9a3
Binary files /dev/null and b/img/art/airship1.webp differ
diff --git a/img/art/airship2.png b/img/art/airship2.png
deleted file mode 100644
index fb3a05f..0000000
Binary files a/img/art/airship2.png and /dev/null differ
diff --git a/img/art/airship2.webp b/img/art/airship2.webp
new file mode 100644
index 0000000..8f3f573
Binary files /dev/null and b/img/art/airship2.webp differ
diff --git a/img/art/cat.png b/img/art/cat.png
deleted file mode 100755
index 97d91ae..0000000
Binary files a/img/art/cat.png and /dev/null differ
diff --git a/img/art/cat.webp b/img/art/cat.webp
new file mode 100644
index 0000000..7f4e928
Binary files /dev/null and b/img/art/cat.webp differ
diff --git a/img/art/dadKaj.png b/img/art/dadKaj.png
deleted file mode 100755
index 6da8762..0000000
Binary files a/img/art/dadKaj.png and /dev/null differ
diff --git a/img/art/dadKaj.webp b/img/art/dadKaj.webp
new file mode 100644
index 0000000..cbc937f
Binary files /dev/null and b/img/art/dadKaj.webp differ
diff --git a/img/art/portrait_dad.png b/img/art/portrait_dad.png
deleted file mode 100644
index 52f3b70..0000000
Binary files a/img/art/portrait_dad.png and /dev/null differ
diff --git a/img/art/portrait_dad.webp b/img/art/portrait_dad.webp
new file mode 100644
index 0000000..f7b92ed
Binary files /dev/null and b/img/art/portrait_dad.webp differ
diff --git a/img/art/rakuenDoor.png b/img/art/rakuenDoor.png
deleted file mode 100644
index 26bfa60..0000000
Binary files a/img/art/rakuenDoor.png and /dev/null differ
diff --git a/img/art/rakuenDoor.webp b/img/art/rakuenDoor.webp
new file mode 100644
index 0000000..54ea254
Binary files /dev/null and b/img/art/rakuenDoor.webp differ
diff --git a/img/art/symbolSet_fullSet.png b/img/art/symbolSet_fullSet.png
deleted file mode 100755
index 67b6822..0000000
Binary files a/img/art/symbolSet_fullSet.png and /dev/null differ
diff --git a/img/art/symbolSet_fullSet.webp b/img/art/symbolSet_fullSet.webp
new file mode 100644
index 0000000..cedd889
Binary files /dev/null and b/img/art/symbolSet_fullSet.webp differ
diff --git a/img/branding/LunarPenguin_newPalette_transparency.png b/img/branding/LunarPenguin_newPalette_transparency.png
deleted file mode 100644
index 2bd18b0..0000000
Binary files a/img/branding/LunarPenguin_newPalette_transparency.png and /dev/null differ
diff --git a/img/branding/LunarPenguin_newPalette_transparency.webp b/img/branding/LunarPenguin_newPalette_transparency.webp
new file mode 100644
index 0000000..5cc20f1
Binary files /dev/null and b/img/branding/LunarPenguin_newPalette_transparency.webp differ
diff --git a/img/branding/LunarPenguin_newPalette_transparency_brightDiamond.png b/img/branding/LunarPenguin_newPalette_transparency_brightDiamond.png
deleted file mode 100644
index 088760e..0000000
Binary files a/img/branding/LunarPenguin_newPalette_transparency_brightDiamond.png and /dev/null differ
diff --git a/img/branding/LunarPenguin_newPalette_transparency_brightDiamond.webp b/img/branding/LunarPenguin_newPalette_transparency_brightDiamond.webp
new file mode 100644
index 0000000..c405776
Binary files /dev/null and b/img/branding/LunarPenguin_newPalette_transparency_brightDiamond.webp differ
diff --git a/img/branding/backgroundLarge.png b/img/branding/backgroundLarge.png
deleted file mode 100644
index 60581dd..0000000
Binary files a/img/branding/backgroundLarge.png and /dev/null differ
diff --git a/img/branding/backgroundLarge.webp b/img/branding/backgroundLarge.webp
new file mode 100644
index 0000000..68f5a7a
Binary files /dev/null and b/img/branding/backgroundLarge.webp differ
diff --git a/img/branding/backgroundSmall.png b/img/branding/backgroundSmall.png
deleted file mode 100644
index 788af81..0000000
Binary files a/img/branding/backgroundSmall.png and /dev/null differ
diff --git a/img/branding/backgroundSmall.webp b/img/branding/backgroundSmall.webp
new file mode 100644
index 0000000..a2cb7b2
Binary files /dev/null and b/img/branding/backgroundSmall.webp differ
diff --git a/index.html b/index.html
index 756b653..0e22c90 100644
--- a/index.html
+++ b/index.html
@@ -25,7 +25,7 @@
 
 <nav class="navbar navbar-expand-lg navbar-dark sticky-top bg-dark shadow-lg">
     <a class="navbar-brand" href="#">
-        <img src="img/branding/LunarPenguin_newPalette_transparency_brightDiamond.png" alt="Logo" class="navbar-logo">
+        <img src="img/branding/LunarPenguin_newPalette_transparency_brightDiamond.webp" alt="Logo" class="navbar-logo">
         Kaj Forney
     </a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
@@ -269,46 +269,46 @@
                 </div>
                 <div class="carousel-inner">
                     <div class="carousel-item active">
-                        <img src="img/art/rakuenDoor.png" class="d-block w-100" alt="A 3D rendering of a magical door floating in a void." loading="lazy">
+                        <img src="img/art/rakuenDoor.webp" class="d-block w-100" alt="A 3D rendering of a magical door floating in a void." loading="lazy">
                         <div class="carousel-caption d-none d-md-block">
                             <h5 class="text-shadow">RAKUEN ART [2022]</h5>
                             <p class="text-shadow">A scene from the game <i>Rakuen</i>, recreated in Blender.</p>
                         </div>
                     </div>
                     <div class="carousel-item">
-                        <img src="img/art/airship1.png" class="d-block w-100" alt="A 3D rendering of a sci-fi airship." loading="lazy">
+                        <img src="img/art/airship1.webp" class="d-block w-100" alt="A 3D rendering of a sci-fi airship." loading="lazy">
                         <div class="carousel-caption d-none d-md-block">
                             <h5 class="text-shadow">AIRSHIP MODEL [2022]</h5>
                             <p class="text-shadow">Created in Blender</p>
                         </div>
                     </div>
                     <div class="carousel-item">
-                        <img src="img/art/airship2.png" class="d-block w-100" alt="A 3D rendering of a sci-fi airship." loading="lazy">
+                        <img src="img/art/airship2.webp" class="d-block w-100" alt="A 3D rendering of a sci-fi airship." loading="lazy">
                         <div class="carousel-caption d-none d-md-block">
                             <h5 class="text-shadow">AIRSHIP MODEL [2022]</h5>
                             <p class="text-shadow">Created in Blender.</p>
                         </div>
                     </div>
                     <div class="carousel-item">
-                        <img src="img/art/cat.png" class="d-block w-100" alt="A digital painting of a tabby cat." loading="lazy">
+                        <img src="img/art/cat.webp" class="d-block w-100" alt="A digital painting of a tabby cat." loading="lazy">
                         <div class="carousel-caption d-none d-md-block">
                             <h5 class="text-shadow">DIGITAL PORTRAIT [2021]</h5>
                             <p class="text-shadow">A digital painting of my cat, Okapi.</p>
                         </div>
                     </div>
                     <div class="carousel-item">
-                        <img src="img/art/portrait_dad.png" class="d-block w-100" alt="Digital art of a man's face." loading="lazy">
+                        <img src="img/art/portrait_dad.webp" class="d-block w-100" alt="Digital art of a man's face." loading="lazy">
                         <div class="carousel-caption d-none d-md-block">
                             <h5 class="text-shadow"></h5>
                             <p class="text-shadow"></p>
                         </div>
                     </div>
                     <div class="carousel-item">
-                        <img src="img/art/dadKaj.png" class="d-block w-100" alt="Digital art of a father and son, standing next to a radio antenna." loading="lazy">
+                        <img src="img/art/dadKaj.webp" class="d-block w-100" alt="Digital art of a father and son, standing next to a radio antenna." loading="lazy">
                         <div class="carousel-caption d-none d-md-block"></div>
                     </div>
                     <div class="carousel-item">
-                        <img src="img/art/symbolSet_fullSet.png" class="d-block w-100" alt="A collection of robot faces, made with vector art." loading="lazy">
+                        <img src="img/art/symbolSet_fullSet.webp" class="d-block w-100" alt="A collection of robot faces, made with vector art." loading="lazy">
                         <div class="carousel-caption d-none d-md-block">
                             <h5 class="text-shadow"></h5>
                             <p class="text-shadow"></p>