diff --git a/public_html/img/album/lastfuture_-_dreamshifter_1x.webp b/public_html/img/album/lastfuture_-_dreamshifter_1x.webp
new file mode 100644
index 0000000..0941c56
Binary files /dev/null and b/public_html/img/album/lastfuture_-_dreamshifter_1x.webp differ
diff --git a/public_html/img/album/lastfuture_-_misinterpreter_1x.webp b/public_html/img/album/lastfuture_-_misinterpreter_1x.webp
new file mode 100644
index 0000000..a671c8f
Binary files /dev/null and b/public_html/img/album/lastfuture_-_misinterpreter_1x.webp differ
diff --git a/public_html/img/album/lastfuture_-_reverse_kill_1x.webp b/public_html/img/album/lastfuture_-_reverse_kill_1x.webp
new file mode 100644
index 0000000..e48faaa
Binary files /dev/null and b/public_html/img/album/lastfuture_-_reverse_kill_1x.webp differ
diff --git a/public_html/img/album/lastfuture_-_signal_to_noise_1x.webp b/public_html/img/album/lastfuture_-_signal_to_noise_1x.webp
new file mode 100644
index 0000000..4ff3f42
Binary files /dev/null and b/public_html/img/album/lastfuture_-_signal_to_noise_1x.webp differ
diff --git a/public_html/img/head-music.webp b/public_html/img/head-music.webp
new file mode 100644
index 0000000..9dbe782
Binary files /dev/null and b/public_html/img/head-music.webp differ
diff --git a/public_html/img/head-music_1x.webp b/public_html/img/head-music_1x.webp
new file mode 100644
index 0000000..0552fe6
Binary files /dev/null and b/public_html/img/head-music_1x.webp differ
diff --git a/public_html/index.html b/public_html/index.html
index a289136..c6286b9 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -48,12 +48,28 @@
 		</section>
 
 		<section class="contentitem box maincontent" id="music">
-			<header class="blurgreen headlineshadow"><h1><em>music</em> releases<img class="icon" src="img/head-music.png" width="69" height="77" alt></h1>
+			<header class="blurgreen headlineshadow">
+				<h1><em>music</em> releases
+					<img
+						class="icon"
+						src="img/head-music.webp"
+						srcset="img/head-music.webpp 2x, img/head-music_1x.webp 1x"
+						width="69"
+						height="77"
+						alt
+					>
+				</h1>
 			</header>
 
 			<article class="opaque whitebg album">
 				<a href="https://lastfuture.bandcamp.com/track/misinterpreter-2" target="_blank">
-					<img class="albumcover" src="img/album/lastfuture_-_misinterpreter.webp" alt="album cover for the lastfuture track misinterpreter" width="120" height="120" />
+					<img
+						class="albumcover"
+						src="img/album/lastfuture_-_misinterpreter.webp"
+						srcset="img/album/lastfuture_-_misinterpreter.webp 2x, img/album/lastfuture_-_misinterpreter_1x.webp 1x"
+						alt="album cover for the lastfuture track misinterpreter"
+						width="120" height="120"
+					/>
 					<h2>lastfuture <em>misinterpreter</em></h2>
 					<div class="listenbuy"><em>listen</em> or <em>buy</em> on bandcamp</div>
 				</a>
@@ -62,7 +78,13 @@
 			<div class="clearfix"></div>
 			<article class="opaque whitebg album">
 				<a href="https://lastfuture.bandcamp.com/album/signal-to-noise" target="_blank">
-					<img class="albumcover" src="img/album/lastfuture_-_signal_to_noise.webp" alt="album cover for the lastfuture album signal to noise" width="120" height="120" />
+					<img
+						class="albumcover"
+						src="img/album/lastfuture_-_signal_to_noise.webp"
+						srcset="img/album/lastfuture_-_signal_to_noise.webp 2x, img/album/lastfuture_-_signal_to_noise_1x.webp 1x"
+						alt="album cover for the lastfuture album signal to noise"
+						width="120" height="120"
+					/>
 					<h2>lastfuture <em>signal to noise</em></h2>
 					<div class="listenbuy"><em>listen</em> or <em>buy</em> on bandcamp</div>
 				</a>
@@ -71,7 +93,13 @@
 			<div class="clearfix"></div>
 			<article class="opaque whitebg album">
 				<a href="https://lastfuture.bandcamp.com/album/dreamshifter" target="_blank">
-					<img class="albumcover" src="img/album/lastfuture_-_dreamshifter.webp" alt="album cover for the lastfuture album dreamshifter" width="120" height="120" />
+					<img
+						class="albumcover"
+						src="img/album/lastfuture_-_dreamshifter.webp"
+						srcset="img/album/lastfuture_-_dreamshifter.webp 2x, img/album/lastfuture_-_dreamshifter_1x.webp 1x"
+						alt="album cover for the lastfuture album dreamshifter"
+						width="120" height="120"
+					/>
 					<h2>lastfuture <em>dreamshifter</em></h2>
 					<div class="listenbuy"><em>listen</em> or <em>buy</em> on bandcamp</div>
 				</a>
@@ -80,7 +108,13 @@
 			<div class="clearfix"></div>
 			<article class="opaque whitebg album">
 				<a href="https://lastfuture.bandcamp.com/album/reverse-kill" target="_blank">
-					<img class="albumcover" src="img/album/lastfuture_-_reverse_kill.webp" alt="album cover for the lastfuture album reverse kill" width="120" height="120" />
+					<img
+						class="albumcover"
+						src="img/album/lastfuture_-_reverse_kill.webp"
+						srcset="img/album/lastfuture_-_reverse_kill.webp 2x, img/album/lastfuture_-_reverse_kill_1x.webp 1x"
+						alt="album cover for the lastfuture album reverse kill"
+						width="120" height="120"
+					/>
 					<h2>lastfuture <em>reverse kill</em></h2>
 					<div class="listenbuy"><em>listen</em> or <em>buy</em> on bandcamp</div>
 				</a>