Swap some of the sites images from .png to .webp to test loading spee…

…d difference
CorruptComputer · Jul 3, 2022 · bcc916f · bcc916f
1 parent c0d3a38
commit bcc916f
Show file tree

Hide file tree

Showing 12 changed files with 4 additions and 4 deletions.
diff --git a/404.html b/404.html
@@ -11,7 +11,7 @@ <h2>404 Page Not Found</h2><hr />
             Anyways, heres a picture of a Sloth with an Eagles head:
         </p>
         <div style="display: flex; justify-content: space-around;">
-            <img src="/images/404.png" alt="Sloth with an Eagles head" style="width: 50%;"/>
+            <img src="/images/404.webp" alt="Sloth with an Eagles head" style="width: 50%;"/>
         </div>
         <br />
         <div style="display: flex; justify-content: space-around;">

diff --git a/_includes/navbar.html b/_includes/navbar.html
@@ -1,16 +1,16 @@
 <nav>
     <div class="navSquare noHover">
-        <img id="monkey" src="/images/monkey.png" alt="Monkey" />
+        <img id="monkey" src="/images/monkey.webp" alt="Monkey" />
     </div>
     <div class="navSquare" id="homeButton">
         <a href="/">
-            <img src="/images/home.png" alt="Home" />
+            <img src="/images/home.webp" alt="Home" />
             <div>Home</div>
         </a>
     </div>
     <div class="navSquare" id="blogButton">
         <a href="/blog/">
-            <img src="/images/blog.png" alt="Blog" />
+            <img src="/images/blog.webp" alt="Blog" />
             <div>Blog</div>
         </a>
     </div>

diff --git a/images/404.png b/images/404.png
diff --git a/images/404.webp b/images/404.webp
diff --git a/images/blog.png b/images/blog.png
diff --git a/images/blog.webp b/images/blog.webp
diff --git a/images/contact.png b/images/contact.png
diff --git a/images/contact.webp b/images/contact.webp
diff --git a/images/home.png b/images/home.png
diff --git a/images/home.webp b/images/home.webp
diff --git a/images/monkey.png b/images/monkey.png
diff --git a/images/monkey.webp b/images/monkey.webp