diff --git a/static/placeholder.webp b/static/placeholder.webp
new file mode 100644
index 0000000..a9ba049
Binary files /dev/null and b/static/placeholder.webp differ
diff --git a/templates/browser.html b/templates/browser.html
index cef6191..bcfca58 100644
--- a/templates/browser.html
+++ b/templates/browser.html
@@ -58,7 +58,11 @@
   >
     <span class="material-symbols-outlined" title="Song">music_note</span>
     <div class="albumart">
-      <img src="/art?path={{ path|urlencode }}" onerror="this.style.visibility = 'hidden'">
+      <img
+        src="/art?path={{ path|urlencode }}"
+        onload="this.style.visibility = 'visible'"
+        alt="Album art"
+      >
     </div>
     <div class="song">
       <div class="song__name">{{ name }}</div>
diff --git a/templates/player.html b/templates/player.html
index 2b4b18a..0e996e0 100644
--- a/templates/player.html
+++ b/templates/player.html
@@ -5,11 +5,10 @@
   {% if let Some(song) = song %}
   <div class="albumart">
     <a href="/art?path={{ song.file|urlencode }}" target="_blank">
-      <img 
+      <img
         src="/art?path={{ song.file|urlencode }}"
-        onerror="this.style.opacity = 0"
+        onload="this.style.visibility = 'visible'"
         alt="Album art"
-        title="Album art"
       >
     </a>
   </div>
diff --git a/templates/queue.html b/templates/queue.html
index e04ce43..5a08ccf 100644
--- a/templates/queue.html
+++ b/templates/queue.html
@@ -7,9 +7,8 @@
     <div class="albumart">
       <img
         src="/art?path={{ item.file|urlencode }}"
-        onerror="this.style.opacity = 0"
+        onload="this.style.visibility = 'visible'"
         alt="Album art"
-        title="Album art"
       >
     </div>
     <div class="metadata">