diff --git a/public_html/favicon.ico b/public_html/favicon.ico
new file mode 100644
index 0000000..8f8df3b
Binary files /dev/null and b/public_html/favicon.ico differ
diff --git a/public_html/index.html b/public_html/index.html
index 1b43892..b6ed364 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<html lang="en">
 
 <head id="alinamarquardt-com">
 	<meta charset="utf-8">
@@ -52,7 +52,7 @@
 
 			<article class="opaque whitebg album">
 				<a href="https://lastfuture.bandcamp.com/track/misinterpreter-2" target="_blank">
-					<img class="albumcover" src="img/album/lastfuture_-_misinterpreter.jpg" width="120" height="120" />
+					<img class="albumcover" src="img/album/lastfuture_-_misinterpreter.webp" 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>
@@ -61,7 +61,7 @@
 			<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.jpg" width="120" height="120" />
+					<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" />
 					<h2>lastfuture <em>signal to noise</em></h2>
 					<div class="listenbuy"><em>listen</em> or <em>buy</em> on bandcamp</div>
 				</a>
@@ -70,7 +70,7 @@
 			<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.jpg" width="120" height="120" />
+					<img class="albumcover" src="img/album/lastfuture_-_dreamshifter.webp" 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>
@@ -79,7 +79,7 @@
 			<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.jpg" width="120" height="120" />
+					<img class="albumcover" src="img/album/lastfuture_-_reverse_kill.webp" 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>
