diff --git a/src/renderer/components/item-image/item-image.tsx b/src/renderer/components/item-image/item-image.tsx
index 349cadd88..fb6cf2a13 100644
--- a/src/renderer/components/item-image/item-image.tsx
+++ b/src/renderer/components/item-image/item-image.tsx
@@ -18,10 +18,14 @@ const BaseItemImage = (
src?: null | string;
},
) => {
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
const { src, ...rest } = props;
- const imageUrl = useItemImageUrl({ id: props.id, itemType: props.itemType, size: 300 });
+ const imageUrl = useItemImageUrl({
+ id: props.id,
+ imageUrl: src,
+ itemType: props.itemType,
+ size: 300,
+ });
return ;
};
diff --git a/src/renderer/features/artists/components/album-artist-detail-header.tsx b/src/renderer/features/artists/components/album-artist-detail-header.tsx
index f32e8c0ee..c0e9c384e 100644
--- a/src/renderer/features/artists/components/album-artist-detail-header.tsx
+++ b/src/renderer/features/artists/components/album-artist-detail-header.tsx
@@ -128,6 +128,7 @@ export const AlbumArtistDetailHeader = forwardRef((_props, ref: Ref {
const imageUrl = useItemImageUrl({
id: detailQuery?.data?.imageId || undefined,
+ imageUrl: detailQuery.data?.imageUrl,
itemType: LibraryItem.ALBUM_ARTIST,
type: 'header',
});
+ const libraryBackgroundImageUrl = useItemImageUrl({
+ id: detailQuery?.data?.imageId || undefined,
+ itemType: LibraryItem.ALBUM_ARTIST,
+ type: 'itemCard',
+ });
+
const selectedImageUrl = imageUrl || detailQuery.data?.imageUrl;
const { background: backgroundColor, isLoading: isColorLoading } = useFastAverageColor({
@@ -93,7 +100,7 @@ const AlbumArtistDetailRoute = () => {
) : (
diff --git a/src/shared/api/navidrome/navidrome-normalize.ts b/src/shared/api/navidrome/navidrome-normalize.ts
index beb742cea..af84de579 100644
--- a/src/shared/api/navidrome/navidrome-normalize.ts
+++ b/src/shared/api/navidrome/navidrome-normalize.ts
@@ -333,7 +333,7 @@ const normalizeAlbumArtist = (
item.similarArtists?.map((artist) => ({
id: artist.id,
imageId: null,
- imageUrl: artist?.artistImageUrl || null,
+ imageUrl: artist?.artistImageUrl?.replace(/\?size=\d+/, '') || null,
name: artist.name,
})) || null,
songCount,