From 8ffd865c633ab757a1b7742bfca363b421943e1b Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Tue, 16 Apr 2024 19:48:15 +0100
Subject: [PATCH] make server favicon and player head images less blurry

---
 src/app/(pages)/player/[id]/page.tsx                  | 1 +
 src/app/(pages)/server/[platform]/[hostname]/page.tsx | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/(pages)/player/[id]/page.tsx b/src/app/(pages)/player/[id]/page.tsx
index 8d394b2..7841939 100644
--- a/src/app/(pages)/player/[id]/page.tsx
+++ b/src/app/(pages)/player/[id]/page.tsx
@@ -64,6 +64,7 @@ export default async function Page({ params }: Params) {
                 src={player.skin.parts.head}
                 width={96}
                 height={96}
+                quality={100}
                 alt="The player's skin"
               />
             </div>
diff --git a/src/app/(pages)/server/[platform]/[hostname]/page.tsx b/src/app/(pages)/server/[platform]/[hostname]/page.tsx
index 05ca72f..1cdaf36 100644
--- a/src/app/(pages)/server/[platform]/[hostname]/page.tsx
+++ b/src/app/(pages)/server/[platform]/[hostname]/page.tsx
@@ -80,7 +80,14 @@ export default async function Page({ params: { platform, hostname } }: Params) {
           <div className="flex gap-2 flex-col md:flex-row">
             {favicon && (
               <div className="flex justify-center md:justify-start">
-                <Image className="w-[96px] h-[96px]" src={favicon} width={96} height={96} alt="The server's favicon" />
+                <Image
+                  className="w-[96px] h-[96px]"
+                  src={favicon}
+                  width={96}
+                  height={96}
+                  quality={100}
+                  alt="The server's favicon"
+                />
               </div>
             )}