diff --git a/web-src/src/components/ModalDialogAlbum.vue b/web-src/src/components/ModalDialogAlbum.vue
index 760fbc79..e8cbcb75 100644
--- a/web-src/src/components/ModalDialogAlbum.vue
+++ b/web-src/src/components/ModalDialogAlbum.vue
@@ -61,10 +61,7 @@ export default {
 
   computed: {
     artwork_url: function () {
-      if (this.album.artwork_url && this.album.artwork_url.startsWith('/')) {
-        return this.album.artwork_url + '?maxwidth=600&maxheight=600'
-      }
-      return this.album.artwork_url
+      return webapi.artwork_url_append_size_params(this.album.artwork_url)
     }
   },
 
diff --git a/web-src/src/pages/PageNowPlaying.vue b/web-src/src/pages/PageNowPlaying.vue
index 4ae0b8a6..9537b2da 100644
--- a/web-src/src/pages/PageNowPlaying.vue
+++ b/web-src/src/pages/PageNowPlaying.vue
@@ -107,10 +107,7 @@ export default {
     },
 
     artwork_url: function () {
-      if (this.now_playing.artwork_url && this.now_playing.artwork_url.startsWith('/')) {
-        return this.now_playing.artwork_url + '?maxwidth=600&maxheight=600'
-      }
-      return this.now_playing.artwork_url
+      return webapi.artwork_url_append_size_params(this.now_playing.artwork_url)
     }
   },
 
diff --git a/web-src/src/webapi/index.js b/web-src/src/webapi/index.js
index a7c3f84f..82cd0e34 100644
--- a/web-src/src/webapi/index.js
+++ b/web-src/src/webapi/index.js
@@ -302,5 +302,15 @@ export default {
 
   spotify () {
     return axios.get('/api/spotify')
+  },
+
+  artwork_url_append_size_params (artworkUrl, maxwidth = 600, maxheight = 600) {
+    if (artworkUrl && artworkUrl.startsWith('/')) {
+      if (artworkUrl.includes('?')) {
+        return artworkUrl + '&maxwidth=' + maxwidth + '&maxheight=' + maxheight
+      }
+      return artworkUrl + '?maxwidth=' + maxwidth + '&maxheight=' + maxheight
+    }
+    return artworkUrl
   }
 }