diff --git a/README.md b/README.md
index fed2f9a..5a7bc44 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,9 @@
 <div align='center'>
     <br/>
     <picture>
-        <source media="(prefers-color-scheme: dark)" srcset="banner-dark.jpg" />
-        <source media="(prefers-color-scheme: light)" srcset="banner.jpg" />
-        <img src="banner.jpg" alt="Playwriter - For browser automation MCP" width="600" />
+        <source media="(prefers-color-scheme: dark)" srcset="banner-dark.png" />
+        <source media="(prefers-color-scheme: light)" srcset="banner.png" />
+        <img src="banner.png" alt="Playwriter - For browser automation MCP" width="600" />
     </picture>
     <br/>
     <br/>
diff --git a/banner-dark.jpg b/banner-dark.jpg
deleted file mode 100644
index cc77397..0000000
Binary files a/banner-dark.jpg and /dev/null differ
diff --git a/banner-dark.png b/banner-dark.png
new file mode 100644
index 0000000..c45be02
Binary files /dev/null and b/banner-dark.png differ
diff --git a/banner-source.jpeg b/banner-source.jpeg
index f9b9f5c..3fd6536 100644
Binary files a/banner-source.jpeg and b/banner-source.jpeg differ
diff --git a/banner.jpg b/banner.jpg
deleted file mode 100644
index e0dfc69..0000000
Binary files a/banner.jpg and /dev/null differ
diff --git a/banner.png b/banner.png
new file mode 100644
index 0000000..004b92b
Binary files /dev/null and b/banner.png differ