From b95ac817e0ae8f4f76e69571ca68be352ff90bd9 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Sun, 16 Feb 2025 22:45:42 +0100
Subject: [PATCH] feat: image quality better

---
 src/components/home/MediaRow.tsx       | 2 +-
 src/components/series/BookGrid.tsx     | 4 ++--
 src/components/series/SeriesHeader.tsx | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/home/MediaRow.tsx b/src/components/home/MediaRow.tsx
index f426ea4..c7c225e 100644
--- a/src/components/home/MediaRow.tsx
+++ b/src/components/home/MediaRow.tsx
@@ -120,7 +120,7 @@ function MediaCard({ item, onClick }: MediaCardProps) {
               )}
               sizes="200px"
               loading="lazy"
-              quality={50}
+              quality={100}
               onError={() => setImageError(true)}
               onLoad={() => setImageLoading(false)}
             />
diff --git a/src/components/series/BookGrid.tsx b/src/components/series/BookGrid.tsx
index ed572f5..2be96b7 100644
--- a/src/components/series/BookGrid.tsx
+++ b/src/components/series/BookGrid.tsx
@@ -118,7 +118,7 @@ function BookImage({ book, getBookThumbnailUrl, isCompleted }: BookImageProps) {
         onError={() => setImageError(true)}
         onLoad={() => setIsLoading(false)}
         loading="lazy"
-        quality={50}
+        quality={100}
       />
     </div>
   );
@@ -180,7 +180,7 @@ function BookCard({ book, onClick, getBookThumbnailUrl }: BookCardProps) {
             sizes="(max-width: 640px) 33vw, (max-width: 1024px) 16.666vw, 16.666vw"
             onError={() => setImageError(true)}
             loading="lazy"
-            quality={50}
+            quality={100}
           />
         ) : (
           <div className="w-full h-full flex items-center justify-center">
diff --git a/src/components/series/SeriesHeader.tsx b/src/components/series/SeriesHeader.tsx
index 3ab5c56..612d973 100644
--- a/src/components/series/SeriesHeader.tsx
+++ b/src/components/series/SeriesHeader.tsx
@@ -150,7 +150,7 @@ export const SeriesHeader = ({ series, onSeriesUpdate }: SeriesHeaderProps) => {
                 imageLoading ? "opacity-0" : "opacity-10"
               )}
               loading="lazy"
-              quality={25}
+              quality={100}
               onLoad={() => setImageLoading(false)}
             />
           </div>
@@ -177,7 +177,7 @@ export const SeriesHeader = ({ series, onSeriesUpdate }: SeriesHeaderProps) => {
                   onError={() => setImageError(true)}
                   onLoad={() => setImageLoading(false)}
                   loading="lazy"
-                  quality={75}
+                  quality={100}
                 />
               </div>
             ) : (