Add x2 img

src/index.html

@@ -22,9 +22,9 @@
 			<h1>Edgar P. <strong>Burkhart</strong></h1>
 
 			<div class="img-block">
-				<img src="static/img/pic1.webp" alt="" />
+				<img srcset="static/img/pic1.webp, static/img/pic1x2.webp 2x" alt="" />
-				<img src="static/img/pic2.webp" alt="" />
+				<img srcset="static/img/pic2.webp, static/img/pic2x2.webp 2x" alt="" />
-				<img src="static/img/pic3.webp" alt="" />
+				<img srcset="static/img/pic3.webp, static/img/pic3x2.webp 2x" alt="" />
 			</div>
 
 			<h2>Contact</h2>

src/static/img/convert.sh

@@ -1,2 +1,3 @@
 #!/usr/bin/env sh
-convert "$1" -geometry "384x384^" -gravity center -crop "384x384+0+0" "${1%.*}.webp"
+convert "$1" -geometry 328x328^ -gravity center -crop "328x328+0+0" "${1%.*}x2.webp"
+convert "${1%.*}x2.webp" -resize 50% "${1%.*}.webp"