diff --git a/public/img/front-browse-screenshot.jpg b/public/img/front-browse-screenshot.jpg
new file mode 100644
index 00000000..5df8119c
Binary files /dev/null and b/public/img/front-browse-screenshot.jpg differ
diff --git a/public/img/front-follow-screenshot.jpg b/public/img/front-follow-screenshot.jpg
new file mode 100644
index 00000000..231dd63f
Binary files /dev/null and b/public/img/front-follow-screenshot.jpg differ
diff --git a/views/index.erb b/views/index.erb
index 9d5e5573..ede09cad 100644
--- a/views/index.erb
+++ b/views/index.erb
@@ -195,7 +195,7 @@
 </div>
 
 <div class="row content right">
-  <div class="col col-50"><div class="screenshot" style="background-image:url(/img/front-browse-screenshot.png);"></div></div>
+  <div class="col col-50"><div class="screenshot" style="background-image:url(/img/front-browse-screenshot.jpg);"></div></div>
   <div class="col col-50 text">
     <h3><i class="fa fa-globe"></i> It's time to bring back web surfing.</h3>
     <p>All Neocities sites are viewable in our <a href="/browse">website gallery</a>. And it's easy to browse sites with our optional surf bar.</p>
@@ -204,7 +204,7 @@
 </div>
 
 <div class="row content">
-  <div class="col col-50"><div class="screenshot" style="background-image:url(/img/front-follow-screenshot.png);"></div></div>
+  <div class="col col-50"><div class="screenshot" style="background-image:url(/img/front-follow-screenshot.jpg);"></div></div>
   <div class="col col-50 text">
     <h3><i class="fa fa-user-plus"></i> Follow your favorite Neocities sites</h3>
     <p>Keep track of all your favorite sites by following them. Any changes to the sites automatically show up in your news feed. You'll also see what sites they follow.</p>