Merge pull request #2 from styfle/styfle/lower-image-quality

fix: reduce image quality to 65
ethanniser · Oct 18, 2024 · 023edde · 023edde
2 parents 2d068e8 + abeddfd
commit 023edde
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 0 deletions.
diff --git a/src/app/(category-sidebar)/page.tsx b/src/app/(category-sidebar)/page.tsx
@@ -27,6 +27,7 @@ export default async function Home() {
                   className="mb-2 h-14 w-14 border hover:bg-yellow-200"
                   width={48}
                   height={48}
+                  quality={65}
                 />
                 <span className="text-xs">{category.name}</span>
               </Link>

diff --git a/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/page.tsx b/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/page.tsx
@@ -45,6 +45,7 @@ export default async function Page(props: {
             alt={`A small picture of ${productData.name}`}
             height={64}
             width={64}
+            quality={65}
             className="h-64 w-64 flex-shrink-0 border-2"
           />
           <p className="flex-grow text-base">{productData.description}</p>

diff --git a/src/app/(category-sidebar)/products/[category]/page.tsx b/src/app/(category-sidebar)/products/[category]/page.tsx
@@ -72,6 +72,7 @@ export default async function Page(props: {
                         alt={`A small picture of ${subcategory.name}`}
                         width={48}
                         height={48}
+                        quality={65}
                         className="h-12 w-12 flex-shrink-0 object-cover"
                       />
                     </div>

diff --git a/src/app/order/page.tsx b/src/app/order/page.tsx
@@ -103,6 +103,7 @@ async function CartItem({ item }: { item: CartItem }) {
               alt="Product"
               width={80}
               height={80}
+              quality={65}
             />
           </div>
           <div className="flex-grow">

diff --git a/src/components/search-dropdown.tsx b/src/components/search-dropdown.tsx
@@ -74,6 +74,7 @@ export function SearchDropdownComponent() {
                       className="h-10 w-10 pr-2"
                       height={40}
                       width={40}
+                      quality={65}
                     />
                     <span className="text-sm">{item.name}</span>
                   </div>

diff --git a/src/components/ui/product-card.tsx b/src/components/ui/product-card.tsx
@@ -19,6 +19,7 @@ export function ProductLink(props: {
           alt={`A small picture of ${product.name}`}
           width={48}
           height={48}
+          quality={65}
           className="h-12 w-12 flex-shrink-0 object-cover"
         />
       </div>