diff --git a/app/assets/images/hero.png b/app/assets/images/hero.png
deleted file mode 100644
index ad093a7a..00000000
Binary files a/app/assets/images/hero.png and /dev/null differ
diff --git a/app/assets/images/hero.webp b/app/assets/images/hero.webp
new file mode 100644
index 00000000..e7277a60
Binary files /dev/null and b/app/assets/images/hero.webp differ
diff --git a/app/assets/stylesheets/welcome.sass.scss b/app/assets/stylesheets/welcome.sass.scss
index 0e21a402..e4394904 100644
--- a/app/assets/stylesheets/welcome.sass.scss
+++ b/app/assets/stylesheets/welcome.sass.scss
@@ -7,7 +7,7 @@
 @import "partials/footer";
 
 .hero-image {
-  background-image: url("hero.png");
+  background-image: url("hero.webp");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;