Replace thumbnail with resized type

next.config.ts

@@ -11,6 +11,9 @@ module.exports = {
     },
     proxyClientMaxBodySize: '50mb',
   },
+  images: {
+    qualities: [25, 50, 75, 100],
+  },
   output: "standalone",
 }
 

src/components/artworks/ArtworkImageCard.tsx

@@ -110,6 +110,7 @@ export function ArtworkImageCard({
               className={["object-cover transition duration-300", imageClassName ?? ""].join(" ")}
               sizes={sizes}
               priority={priority}
+              quality={100}
             />
           ) : (
             <Image
@@ -122,6 +123,7 @@ export function ArtworkImageCard({
               loading={priority ? "eager" : "lazy"}
               sizes={sizes}
               priority={priority}
+              quality={100}
             />
           )}
         </Link>

src/components/artworks/ArtworkThumbGallery.tsx

@@ -81,7 +81,7 @@ export default function ArtworkThumbGallery({
               <ArtworkImageCard
                 mode="tile"
                 href={`${hrefBase}/single/${a.id}?from=animal-studies`}
-                src={`/api/image/thumbnail/${a.file.fileKey}.webp`}
+                src={`/api/image/resized/${a.file.fileKey}.webp`}
                 alt={a.altText ?? a.name ?? "Artwork"}
                 width={a.metadata?.width ?? 0}
                 height={a.metadata?.height ?? 0}