diff --git a/src/assets/img/LISTR.gif b/src/assets/img/LISTR.gif
deleted file mode 100644
index dca3ade..0000000
Binary files a/src/assets/img/LISTR.gif and /dev/null differ
diff --git a/src/assets/img/LISTR.webp b/src/assets/img/LISTR.webp
new file mode 100644
index 0000000..d7a2591
Binary files /dev/null and b/src/assets/img/LISTR.webp differ
diff --git a/src/assets/img/catan_board.png b/src/assets/img/catan_board.png
deleted file mode 100644
index 1794566..0000000
Binary files a/src/assets/img/catan_board.png and /dev/null differ
diff --git a/src/assets/img/catan_board.webp b/src/assets/img/catan_board.webp
new file mode 100644
index 0000000..6dea0d2
Binary files /dev/null and b/src/assets/img/catan_board.webp differ
diff --git a/src/assets/img/clouds.png b/src/assets/img/clouds.png
deleted file mode 100644
index 56a4af7..0000000
Binary files a/src/assets/img/clouds.png and /dev/null differ
diff --git a/src/assets/img/clouds.webp b/src/assets/img/clouds.webp
new file mode 100644
index 0000000..95184b1
Binary files /dev/null and b/src/assets/img/clouds.webp differ
diff --git a/src/assets/img/forest.jpg b/src/assets/img/forest.jpg
deleted file mode 100644
index 15d4b4f..0000000
Binary files a/src/assets/img/forest.jpg and /dev/null differ
diff --git a/src/assets/img/forest.webp b/src/assets/img/forest.webp
new file mode 100644
index 0000000..a7dc3ef
Binary files /dev/null and b/src/assets/img/forest.webp differ
diff --git a/src/assets/img/logo.png b/src/assets/img/logo.png
deleted file mode 100644
index d1a4804..0000000
Binary files a/src/assets/img/logo.png and /dev/null differ
diff --git a/src/assets/img/logo.webp b/src/assets/img/logo.webp
new file mode 100644
index 0000000..9924e95
Binary files /dev/null and b/src/assets/img/logo.webp differ
diff --git a/src/assets/img/me.jpg b/src/assets/img/me.jpg
deleted file mode 100644
index 43b064c..0000000
Binary files a/src/assets/img/me.jpg and /dev/null differ
diff --git a/src/assets/img/me.webp b/src/assets/img/me.webp
new file mode 100644
index 0000000..324cb37
Binary files /dev/null and b/src/assets/img/me.webp differ
diff --git a/src/assets/img/minesweeper.png b/src/assets/img/minesweeper.png
deleted file mode 100644
index 7dba3ff..0000000
Binary files a/src/assets/img/minesweeper.png and /dev/null differ
diff --git a/src/assets/img/minesweeper.webp b/src/assets/img/minesweeper.webp
new file mode 100644
index 0000000..4bd5e06
Binary files /dev/null and b/src/assets/img/minesweeper.webp differ
diff --git a/src/assets/img/snapceit.png b/src/assets/img/snapceit.png
deleted file mode 100644
index 09ce4ac..0000000
Binary files a/src/assets/img/snapceit.png and /dev/null differ
diff --git a/src/assets/img/snapceit.webp b/src/assets/img/snapceit.webp
new file mode 100644
index 0000000..2b9690d
Binary files /dev/null and b/src/assets/img/snapceit.webp differ
diff --git a/src/assets/img/toph.png b/src/assets/img/toph.png
deleted file mode 100644
index fbe7188..0000000
Binary files a/src/assets/img/toph.png and /dev/null differ
diff --git a/src/assets/img/toph.webp b/src/assets/img/toph.webp
new file mode 100644
index 0000000..9cbc185
Binary files /dev/null and b/src/assets/img/toph.webp differ
diff --git a/src/assets/img/vue.png b/src/assets/img/vue.png
deleted file mode 100644
index 15f07c5..0000000
Binary files a/src/assets/img/vue.png and /dev/null differ
diff --git a/src/assets/img/youtube.png b/src/assets/img/youtube.png
deleted file mode 100644
index c059937..0000000
Binary files a/src/assets/img/youtube.png and /dev/null differ
diff --git a/src/assets/img/youtube.svg b/src/assets/img/youtube.svg
new file mode 100644
index 0000000..f98efd7
--- /dev/null
+++ b/src/assets/img/youtube.svg
@@ -0,0 +1 @@
+<svg width="159" height="110" xmlns="http://www.w3.org/2000/svg"><path d="m154 17.5c-1.82-6.73-7.07-12-13.8-13.8-9.04-3.49-96.6-5.2-122 0.1-6.73 1.82-12 7.07-13.8 13.8-4.08 17.9-4.39 56.6 0.1 74.9 1.82 6.73 7.07 12 13.8 13.8 17.9 4.12 103 4.7 122 0 6.73-1.82 12-7.07 13.8-13.8 4.35-19.5 4.66-55.8-0.1-75z" fill="#f00"/><path d="m105 55-40.8-23.4v46.8z" fill="#fff"/></svg>
diff --git a/src/assets/js/projects.js b/src/assets/js/projects.js
index 4eb6bd8..b604d94 100644
--- a/src/assets/js/projects.js
+++ b/src/assets/js/projects.js
@@ -1,7 +1,7 @@
 const projects = [
   {
     title: "TOPH",
-    img: "toph.png",
+    img: "toph.webp",
     description:
       "A wearable navigation aid for the visually impaired. Uses machine learning " +
       "algorithms such as object detection, image classification, and face recognition " +
@@ -12,7 +12,7 @@ const projects = [
   },
   {
     title: "LISTR",
-    img: "LISTR.gif",
+    img: "LISTR.webp",
     description:
       "A concept real estate application developed in WPF as a group " +
       "project for a human computer interaction course. Provides a Tinder-style " +
@@ -23,7 +23,7 @@ const projects = [
 
   {
     title: "CatanJS",
-    img: "catan_board.png",
+    img: "catan_board.webp",
     description:
       "An online multiplayer version of the board game Catan using Vue.js for the frontend " +
       "and Node.js for the backend.",
@@ -31,7 +31,7 @@ const projects = [
   },
   {
     title: "Snapceit",
-    img: "snapceit.png",
+    img: "snapceit.webp",
     description:
       "An Android app which utilizes Google's MLKit to perform character" +
       " recognition on receipts to allow quick and easy bill-splitting between" +
@@ -40,7 +40,7 @@ const projects = [
   },
   {
     title: "Minesweeper",
-    img: "minesweeper.png",
+    img: "minesweeper.webp",
     description: "Minesweeper written using JQuery",
     project_link: "https://gitlab.com/idenc/minesweeper",
   },
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 3228730..528cace 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -2,7 +2,7 @@
   <footer id="footer-root">
     <Mountain />
     <div id="footer-content">
-      <img src="../assets/img/logo.png" alt="logo" />
+      <img src="../assets/img/logo.webp" alt="logo" />
       <div class="vertical-divider"></div>
       <h1>Iden Craven</h1>
     </div>
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 8eb18f2..7dafeaa 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -4,7 +4,7 @@
       <img
         id="logo"
         alt="logo"
-        src="@/assets/img/logo.png"
+        src="@/assets/img/logo.webp"
         @click="homeClick"
       />
       <nav id="links-div">
diff --git a/src/components/PortfolioItem.vue b/src/components/PortfolioItem.vue
index b50df87..da87020 100644
--- a/src/components/PortfolioItem.vue
+++ b/src/components/PortfolioItem.vue
@@ -20,7 +20,7 @@
               target="_blank"
               style="margin-left: 30px"
             >
-              <img src="@/assets/img/youtube.png" alt="video link" />
+              <img src="@/assets/img/youtube.svg" alt="video link" />
             </a>
           </div>
         </div>
diff --git a/src/components/ProfilePic.vue b/src/components/ProfilePic.vue
index 0daaf1e..4b5e631 100644
--- a/src/components/ProfilePic.vue
+++ b/src/components/ProfilePic.vue
@@ -28,7 +28,7 @@ export default {
     // Loading
     const textureLoader = new THREE.TextureLoader();
     const texture = textureLoader.load(
-      require("@/assets/img/me.jpg"),
+      require("@/assets/img/me.webp"),
       this.profilePicLoaded
     );
     // Debug
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 39b1519..3f8607b 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -87,13 +87,13 @@ export default {
   top: 0;
   height: 110%;
   width: 100%;
-  background: url("~@/assets/img/forest.jpg");
+  background: url("~@/assets/img/forest.webp");
   background-size: cover;
 }
 
 .moving-clouds {
   z-index: -1;
-  background: url("~@/assets/img/clouds.png") repeat-x;
+  background: url("~@/assets/img/clouds.webp") repeat-x;
   position: fixed;
   bottom: 0;
   left: 0;