diff --git a/web/src/lib/media/covers.ts b/web/src/lib/media/covers.ts index 1f46f404..7c53acab 100644 --- a/web/src/lib/media/covers.ts +++ b/web/src/lib/media/covers.ts @@ -1,13 +1,24 @@ -// Fallback cover — an inline SVG data URL showing a music-note glyph on the -// surface color. Used by AlbumCard's onerror handler when the real cover -// fails (e.g. scanner didn't pick up an embedded image and there's no -// sidecar). Data URL avoids an extra HTTP round-trip. +// Fallback cover — an inline SVG data URL showing a beamed-eighth-notes +// glyph on a slate field. Used by AlbumCard / CompactTrackCard / PlayerBar's +// onerror handler when the real cover fails (e.g. scanner didn't pick up +// embedded art and there's no sidecar). Data URL avoids an extra HTTP +// round-trip; SVG keeps it crisp at any size we render. +// +// The glyph is two filled note heads connected by a slanted beam — bolder +// and more recognisable than a single-note silhouette, while staying muted +// enough to read as a placeholder rather than real content. export const FALLBACK_COVER = 'data:image/svg+xml;utf8,' + encodeURIComponent( - ` + ` - + + + + + + + ` );