diff --git a/next.config.ts b/next.config.ts
index af9080b..877d737 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -11,6 +11,9 @@ module.exports = {
     },
     proxyClientMaxBodySize: '50mb',
   },
+  images: {
+    qualities: [25, 50, 75, 100],
+  },
   output: "standalone",
 }
 
diff --git a/src/components/artworks/ArtworkImageCard.tsx b/src/components/artworks/ArtworkImageCard.tsx
index 0cdfad1..4c9b03a 100644
--- a/src/components/artworks/ArtworkImageCard.tsx
+++ b/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>
diff --git a/src/components/artworks/ArtworkThumbGallery.tsx b/src/components/artworks/ArtworkThumbGallery.tsx
index 439332f..34a8482 100644
--- a/src/components/artworks/ArtworkThumbGallery.tsx
+++ b/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}