diff --git a/index.html b/index.html
index 202ccb7..4e0a650 100644
--- a/index.html
+++ b/index.html
@@ -83,32 +83,32 @@ $(function(){
 						<h2>Projects</h2>
 						<div class="row">
 							<article class="col-6 col-12-xsmall work-item">
-								<a href="/images/previews/cw.jpg" class="image fit thumb"><img src="images/previews/cw.jpg" alt="" /></a>
+								<a href="/images/previews/cw.webp" class="image fit thumb"><img src="images/previews/cw.webp" alt="" /></a>
 								<h3>Codsworth The Discord Bot (Discontinued)</h3>
 								<p>A no-compromises music experience for discord</p>
 							</article>
 							<article class="col-6 col-12-xsmall work-item">
-								<a href="/images/previews/pf.jpg" class="image fit thumb"><img src="/images/previews/pf.jpg" alt="" /></a>
+								<a href="/images/previews/pf.webp" class="image fit thumb"><img src="/images/previews/pf.webp" alt="" /></a>
 								<h3>Project Firewatch</h3>
 								<p>A site dedicated to Firewatch</p>
 							</article>
 							<article class="col-6 col-12-xsmall work-item">
-								<a href="/images/previews/jsn.jpg" class="image fit thumb"><img src="/images/previews/jsn.jpg" alt="" /></a>
+								<a href="/images/previews/jsn.webp" class="image fit thumb"><img src="/images/previews/jsn.webp" alt="" /></a>
 								<h3>The Jim Sim Network (Closed)</h3>
 								<p>A network minecraft server.</p>
 							</article>
 							<article class="col-6 col-12-xsmall work-item">
-								<a href="/images/previews/newcomingsoon.jpg" class="image fit thumb"><img src="/images/previews/newcomingsoon.jpg" alt="" /></a>
+								<a href="/images/previews/newcomingsoon.webp" class="image fit thumb"><img src="/images/previews/newcomingsoon.webp" alt="" /></a>
 								<h3>More Coming Soon!</h3>
 								<p> </p>
 							</article>
 							<article class="col-6 col-12-xsmall work-item">
-								<a href="/images/previews/newcomingsoon.jpg" class="image fit thumb"><img src="/images/previews/newcomingsoon.jpg" alt="" /></a>
+								<a href="/images/previews/newcomingsoon.webp" class="image fit thumb"><img src="/images/previews/newcomingsoon.webp" alt="" /></a>
 								<h3>More Coming Soon!</h3>
 								<p> </p>
 							</article>
 							<article class="col-6 col-12-xsmall work-item">
-								<a href="/images/previews/newcomingsoon.jpg" class="image fit thumb"><img src="/images/previews/newcomingsoon.jpg" alt="" /></a>
+								<a href="/images/previews/newcomingsoon.webp" class="image fit thumb"><img src="/images/previews/newcomingsoon.webp" alt="" /></a>
 								<h3>More Coming Soon!</h3>
 								<p></p>
 							</article>