diff --git a/themes/theme/static/me.jpg b/themes/theme/static/me.jpg
index c347976..63e9fef 100644
Binary files a/themes/theme/static/me.jpg and b/themes/theme/static/me.jpg differ
diff --git a/themes/theme/static/me.webp b/themes/theme/static/me.webp
new file mode 100644
index 0000000..272df63
Binary files /dev/null and b/themes/theme/static/me.webp differ
diff --git a/themes/theme/templates/index.html b/themes/theme/templates/index.html
index 3d0488f..7640e33 100644
--- a/themes/theme/templates/index.html
+++ b/themes/theme/templates/index.html
@@ -8,7 +8,12 @@
 {% endblock %}
 
 {% block info %}
-	<img src="/theme/me.jpg" width="128" class="me" alt="me smiling wide and looking into the camera lit up brightly" />
+	<picture>
+		<source type="image/webp" srcset="/theme/me.webp">
+		<source type="image/jpeg" srcset="/theme/me.jpg">
+		<img src="/theme/me.jpg" width="128" height="164" class="me" alt="me smiling wide and looking into the camera lit up brightly">
+	</picture>
+
 	<div class="info">
 		<h1>Tanner Collin</h1>
 		<p class="contact-icons">