diff --git a/src/renderer/api/jellyfin.api.ts b/src/renderer/api/jellyfin.api.ts
index 01d3e658..dae29691 100644
--- a/src/renderer/api/jellyfin.api.ts
+++ b/src/renderer/api/jellyfin.api.ts
@@ -582,7 +582,7 @@ const getAlbumCoverArtUrl = (args: { baseUrl: string; item: JFAlbum; size: numbe
};
const getSongCoverArtUrl = (args: { baseUrl: string; item: JFSong; size: number }) => {
- const size = args.size ? args.size : 300;
+ const size = args.size ? args.size : 100;
if (!args.item.ImageTags?.Primary) {
return null;
@@ -652,7 +652,7 @@ const normalizeSong = (
genres: item.GenreItems.map((entry: any) => ({ id: entry.Id, name: entry.Name })),
id: item.Id,
imagePlaceholderUrl: null,
- imageUrl: getSongCoverArtUrl({ baseUrl: server.url, item, size: imageSize || 300 }),
+ imageUrl: getSongCoverArtUrl({ baseUrl: server.url, item, size: imageSize || 100 }),
itemType: LibraryItem.SONG,
lastPlayedAt: null,
name: item.Name,
diff --git a/src/renderer/api/navidrome.api.ts b/src/renderer/api/navidrome.api.ts
index 84cade32..3dbb624f 100644
--- a/src/renderer/api/navidrome.api.ts
+++ b/src/renderer/api/navidrome.api.ts
@@ -503,7 +503,7 @@ const normalizeSong = (
baseUrl: server.url,
coverArtId: id,
credential: server.credential,
- size: imageSize || 300,
+ size: imageSize || 100,
});
const imagePlaceholderUrl = null;
diff --git a/src/renderer/features/sidebar/components/sidebar.tsx b/src/renderer/features/sidebar/components/sidebar.tsx
index fe95a34d..a702ad23 100644
--- a/src/renderer/features/sidebar/components/sidebar.tsx
+++ b/src/renderer/features/sidebar/components/sidebar.tsx
@@ -80,6 +80,12 @@ export const Sidebar = () => {
const sidebar = useSidebarStore();
const { setSidebar } = useAppStoreActions();
const imageUrl = useCurrentSong()?.imageUrl;
+
+ const upsizedImageUrl = imageUrl
+ ?.replace(/size=\d+/, 'size=300')
+ .replace(/width=\d+/, 'width=300')
+ .replace(/height=\d+/, 'height=300');
+
const showImage = sidebar.image;
const handlePlayQueueAdd = usePlayQueueAdd();
const playButtonBehavior = usePlayButtonBehavior();
@@ -335,10 +341,10 @@ export const Sidebar = () => {
to={AppRoute.NOW_PLAYING}
transition={{ duration: 0.3, ease: 'easeInOut' }}
>
- {imageUrl ? (
+ {upsizedImageUrl ? (