diff --git a/public_html/functions.js b/public_html/functions.js
index abd4b0d..464e5a2 100644
--- a/public_html/functions.js
+++ b/public_html/functions.js
@@ -38,8 +38,8 @@ players.forEach(player => {
 	const playercontainer = player.querySelector('.track-container');
 	const played = player.querySelector('.track-played');
 	const unplayed = player.querySelector('.track-unplayed');
-	played.style.backgroundImage = `url('tracks/${trackName}-played.png')`;
-	unplayed.style.backgroundImage = `url('tracks/${trackName}.png')`;
+	played.style.backgroundImage = `url('tracks/${trackName}-played.webp')`;
+	unplayed.style.backgroundImage = `url('tracks/${trackName}.webp')`;
 
 	const audio = document.createElement('audio');
 	audio.style.display = 'none';
diff --git a/public_html/tracks/lastfuture-majesty-played.webp b/public_html/tracks/lastfuture-majesty-played.webp
new file mode 100644
index 0000000..5b95972
Binary files /dev/null and b/public_html/tracks/lastfuture-majesty-played.webp differ
diff --git a/public_html/tracks/lastfuture-majesty.webp b/public_html/tracks/lastfuture-majesty.webp
new file mode 100644
index 0000000..5b378ed
Binary files /dev/null and b/public_html/tracks/lastfuture-majesty.webp differ
diff --git a/public_html/tracks/lastfuture-rattlefox-played.webp b/public_html/tracks/lastfuture-rattlefox-played.webp
new file mode 100644
index 0000000..c610b10
Binary files /dev/null and b/public_html/tracks/lastfuture-rattlefox-played.webp differ
diff --git a/public_html/tracks/lastfuture-rattlefox.webp b/public_html/tracks/lastfuture-rattlefox.webp
new file mode 100644
index 0000000..597b91d
Binary files /dev/null and b/public_html/tracks/lastfuture-rattlefox.webp differ
diff --git a/public_html/tracks/lastfuture-sleeping_park-played.webp b/public_html/tracks/lastfuture-sleeping_park-played.webp
new file mode 100644
index 0000000..a2c9aee
Binary files /dev/null and b/public_html/tracks/lastfuture-sleeping_park-played.webp differ
diff --git a/public_html/tracks/lastfuture-sleeping_park.webp b/public_html/tracks/lastfuture-sleeping_park.webp
new file mode 100644
index 0000000..e3354bd
Binary files /dev/null and b/public_html/tracks/lastfuture-sleeping_park.webp differ
diff --git a/public_html/tracks/lastfuture-uscss_asteria-played.webp b/public_html/tracks/lastfuture-uscss_asteria-played.webp
new file mode 100644
index 0000000..279fbd7
Binary files /dev/null and b/public_html/tracks/lastfuture-uscss_asteria-played.webp differ
diff --git a/public_html/tracks/lastfuture-uscss_asteria.webp b/public_html/tracks/lastfuture-uscss_asteria.webp
new file mode 100644
index 0000000..d0339bb
Binary files /dev/null and b/public_html/tracks/lastfuture-uscss_asteria.webp differ
diff --git a/public_html/tracks/rokchetye-retrodata_wip2-played.webp b/public_html/tracks/rokchetye-retrodata_wip2-played.webp
new file mode 100644
index 0000000..e3707f5
Binary files /dev/null and b/public_html/tracks/rokchetye-retrodata_wip2-played.webp differ
diff --git a/public_html/tracks/rokchetye-retrodata_wip2.webp b/public_html/tracks/rokchetye-retrodata_wip2.webp
new file mode 100644
index 0000000..31c6af9
Binary files /dev/null and b/public_html/tracks/rokchetye-retrodata_wip2.webp differ