diff --git a/README.md b/README.md
index 464565f..40da652 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 Welcome to ruru UI, a comprehensive UI library and a set of reusable components designed to help you build beautiful and consistent user interfaces with ease.
 
-![banner-modified](./apps/www/public/assets/banner.png)
+![banner-modified](./apps/www/public/assets/banner.jpg)
 
 ## Join the Community
 
diff --git a/apps/www/public/assets/banner.jpg b/apps/www/public/assets/banner.jpg
new file mode 100644
index 0000000..2791727
Binary files /dev/null and b/apps/www/public/assets/banner.jpg differ
diff --git a/apps/www/public/assets/banner.png b/apps/www/public/assets/banner.png
deleted file mode 100644
index a270160..0000000
Binary files a/apps/www/public/assets/banner.png and /dev/null differ
diff --git a/apps/www/utils/metadata.ts b/apps/www/utils/metadata.ts
index c358dbb..bf51571 100644
--- a/apps/www/utils/metadata.ts
+++ b/apps/www/utils/metadata.ts
@@ -9,7 +9,7 @@ export function createMetadata(override: Metadata): Metadata {
       url: "https://ruru-ui.vercel.app",
       images: [
         {
-          url: "https://ruru-ui.vercel.app/assets/banner.png",
+          url: "https://ruru-ui.vercel.app/assets/banner.jpg",
           width: 1200,
           height: 567,
           alt: "ruru-ui",