diff --git a/README.md b/README.md
index 78f3164..5751af7 100644
--- a/README.md
+++ b/README.md
@@ -12,7 +12,7 @@
 </div>
 
 <div align="center">
-  <img src="https://github.com/Abdenasser/neohtop/blob/main/screenshot.jpg?raw=true" alt="NeoHtop Screenshot" width="800" />
+  <img src="https://github.com/Abdenasser/neohtop/blob/main/screenshot.png?raw=true" alt="NeoHtop Screenshot" width="800" />
 </div>
 
 ## Features
diff --git a/docs/index.html b/docs/index.html
index 9150b22..59a297e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -25,7 +25,7 @@
   <link rel="apple-touch-icon" href="apple-touch-icon.png">
   <link rel="stylesheet" href="styles.css">
   <link rel="preload" href="https://github.com/Abdenasser/neohtop/raw/main/app-icon.png" as="image">
-  <link rel="preload" href="https://github.com/Abdenasser/neohtop/raw/main/screenshot.jpg" as="image">
+  <link rel="preload" href="https://github.com/Abdenasser/neohtop/raw/main/screenshot.png" as="image">
 </head>
 
 <body>
@@ -83,7 +83,7 @@
           </div>
         </div>
         <div class="hero-image">
-          <img src="https://github.com/Abdenasser/neohtop/raw/main/screenshot.jpg" alt="NeoHtop Interface"
+          <img src="https://github.com/Abdenasser/neohtop/raw/main/screenshot.png" alt="NeoHtop Interface"
             class="floating-screenshot">
         </div>
       </div>
diff --git a/screenshot.jpg b/screenshot.jpg
deleted file mode 100644
index 6dcc3b1..0000000
Binary files a/screenshot.jpg and /dev/null differ
diff --git a/screenshot.png b/screenshot.png
new file mode 100644
index 0000000..18fe077
Binary files /dev/null and b/screenshot.png differ
