Optimize me.jpg

3 years ago · bfc93af28f
parent 7a73eafa85
commit bfc93af28f
3 changed files with 6 additions and 1 deletions
--- a/themes/theme/static/me.jpg
+++ b/themes/theme/static/me.jpg
--- a/themes/theme/static/me.webp
+++ b/themes/theme/static/me.webp
--- 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">