diff --git a/app/[username]/page.tsx b/app/[username]/page.tsx
index 7599033..1d4f524 100644
--- a/app/[username]/page.tsx
+++ b/app/[username]/page.tsx
@@ -142,6 +142,7 @@ export default async function ProfilePage({ params }: ProfilePageProps) {
                     fill
                     className="object-contain"
                     sizes="128px"
+                    quality={100}
                   />
                 </div>
                 <h3 className="text-xl font-bold mb-2">GitMon Not Selected</h3>
diff --git a/app/page.tsx b/app/page.tsx
index 426a187..339cc02 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -173,6 +173,7 @@ export default function Home() {
                     fill
                     className="object-contain"
                     sizes="128px"
+                    quality={100}
                   />
                 </div>
 
diff --git a/components/MonsterDetails.tsx b/components/MonsterDetails.tsx
index 8790ea3..47e03ea 100644
--- a/components/MonsterDetails.tsx
+++ b/components/MonsterDetails.tsx
@@ -85,6 +85,7 @@ export default function MonsterDetails({ monster }: MonsterDetailsProps) {
             fill
             className="object-contain relative z-10 scale-110"
             sizes="192px"
+            quality={100}
           />
         </div>
 
diff --git a/next.config.ts b/next.config.ts
index c5382bf..7b5d3e3 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -3,6 +3,7 @@ import type { NextConfig } from "next";
 const nextConfig: NextConfig = {
   images: {
     domains: ['avatars.githubusercontent.com'],
+    unoptimized: true,
   },
 };