diff --git a/opensaas-sh/app_diff/deletions b/opensaas-sh/app_diff/deletions
index 5e6e3b06..c52ecc9a 100644
--- a/opensaas-sh/app_diff/deletions
+++ b/opensaas-sh/app_diff/deletions
@@ -1,3 +1,4 @@
+public/banner.png
 public/public-banner.png
 src/client/static/avatar-placeholder.png
 src/client/static/avatar-placeholder.webp
diff --git a/opensaas-sh/app_diff/main.wasp.diff b/opensaas-sh/app_diff/main.wasp.diff
index c2ab24f6..496c3d0e 100644
--- a/opensaas-sh/app_diff/main.wasp.diff
+++ b/opensaas-sh/app_diff/main.wasp.diff
@@ -13,14 +13,14 @@
 +        "<meta property='og:title' content='Open SaaS' />",
          "<meta property='og:url' content='https://opensaas.sh' />",
 -        "<meta property='og:description' content='I made a SaaS App. Buy my stuff.' />",
--        "<meta property='og:image' content='https://opensaas.sh/public-banner.png' />",
--        "<meta name='twitter:image' content='https://opensaas.sh/public-banner.png' />",
+-        "<meta property='og:image' content='https://your-saas-app.com/public-banner.webp' />",
+-        "<meta name='twitter:image' content='https://your-saas-app.com/public-banner.webp' />",
 +        "<meta property='og:description' content='Free, open-source SaaS boilerplate starter for React & NodeJS.' />",
-+        "<meta property='og:image' content='https://opensaas.sh/banner.png' />",
++        "<meta property='og:image' content='https://opensaas.sh/public-banner.webp' />",
 +
 +        "<meta name=\"twitter:title\" content=\"Open SaaS\" />",
 +        "<meta name=\"twitter:text:title\" content=\"Open SaaS\" />",
-+        "<meta name='twitter:image' content='https://opensaas.sh/banner.png' />",
++        "<meta name='twitter:image' content='https://opensaas.sh/public-banner.webp' />",
 +        "<meta name=\"twitter:image:alt\" content=\"Open SaaS\" />",
          "<meta name='twitter:image:width' content='800' />",
          "<meta name='twitter:image:height' content='400' />",
diff --git a/opensaas-sh/blog/src/content/docs/guides/seo.md b/opensaas-sh/blog/src/content/docs/guides/seo.md
index fa63507c..a98270c9 100644
--- a/opensaas-sh/blog/src/content/docs/guides/seo.md
+++ b/opensaas-sh/blog/src/content/docs/guides/seo.md
@@ -22,7 +22,7 @@ app SaaSTemplate {
         "<meta property='og:url' content='https://opensaas.sh' />",
         "<meta property='og:title' content='Open SaaS' />",
         "<meta property='og:description' content='Free, open-source SaaS boilerplate starter for React & NodeJS.' />",
-        "<meta property='og:image' content='https://opensaas.sh/public-banner.png' />",
+        "<meta property='og:image' content='https://opensaas.sh/public-banner.webp' />",
         //...
   ],
   //...
diff --git a/opensaas-sh/blog/src/content/docs/start/guided-tour.md b/opensaas-sh/blog/src/content/docs/start/guided-tour.md
index 7fe72bac..008b19b2 100644
--- a/opensaas-sh/blog/src/content/docs/start/guided-tour.md
+++ b/opensaas-sh/blog/src/content/docs/start/guided-tour.md
@@ -60,7 +60,7 @@ If you are using an older version of the OpenSaaS template with Wasp `v0.13.x` o
 .
 ├── main.wasp              # Wasp Config file. You define your app structure here.
 ├── .wasp/                 # Output dir for Wasp. DON'T MODIFY THESE FILES!
-├── public/                # Public assets dir, e.g. www.yourdomain.com/banner.png
+├── public/                # Public assets dir, e.g. www.yourdomain.com/public-banner.webp
 ├── src/                   # Your code goes here.
 │   ├── admin/             # Admin dashboard related pages and components.
 │   ├── analytics/         # Logic and background jobs for processing analytics.
@@ -320,11 +320,11 @@ But before you start setting up the main features, let's walk through the custom
 
 #### Customizing the Look / Style of the App
 - [ ] Update your favicon at `public/favicon.ico`.
-- [ ] Update the banner image used when posting links to your site at `public/public-banner.png`.
+- [ ] Update the banner image used when posting links to your site at `public/public-banner.webp`.
   - [ ] Update the URL for this banner at `og:image` and `twitter:image` in `app.head` of the `main.wasp` file.
 - [ ] Make changes to your landing page, `landingPage.tsx`.
   - [ ] Customize the `navBar`, `features`, `testimonials`, and `faqs` in the `contentSections.ts` file.
-  - [ ] Change/rename the `logo.webp` and main banner (`open-saas-banner.png`) in the `static` folder.
+  - [ ] Change/rename the `logo.webp` and main hero banner (`open-saas-banner.webp`) in the `static` folder.
 - [ ] If you want to make changes to the global styles of the app, you can do so in `tailwind.config.cjs`. **Be aware that the current custom global styles defined already are mostly used in the app's Admin Dashboard!**
 
 #### Customizing the Analytics & Admin Dashboard
diff --git a/template/app/main.wasp b/template/app/main.wasp
index d7669b6b..f36be282 100644
--- a/template/app/main.wasp
+++ b/template/app/main.wasp
@@ -10,8 +10,8 @@ app OpenSaaS {
         "<meta property='og:title' content='My Open SaaS App' />",
         "<meta property='og:url' content='https://opensaas.sh' />",
         "<meta property='og:description' content='I made a SaaS App. Buy my stuff.' />",
-        "<meta property='og:image' content='https://opensaas.sh/public-banner.png' />",
-        "<meta name='twitter:image' content='https://opensaas.sh/public-banner.png' />",
+        "<meta property='og:image' content='https://your-saas-app.com/public-banner.webp' />",
+        "<meta name='twitter:image' content='https://your-saas-app.com/public-banner.webp' />",
         "<meta name='twitter:image:width' content='800' />",
         "<meta name='twitter:image:height' content='400' />",
         "<meta name='twitter:card' content='summary_large_image' />",
diff --git a/template/app/public/banner.png b/template/app/public/banner.png
deleted file mode 100644
index c2363cca..00000000
Binary files a/template/app/public/banner.png and /dev/null differ
diff --git a/template/app/public/public-banner.png b/template/app/public/public-banner.png
deleted file mode 100644
index c7a44ff0..00000000
Binary files a/template/app/public/public-banner.png and /dev/null differ
diff --git a/template/app/public/public-banner.webp b/template/app/public/public-banner.webp
new file mode 100644
index 00000000..ad96e10f
Binary files /dev/null and b/template/app/public/public-banner.webp differ
diff --git a/template/app/src/client/static/avatar-placeholder.png b/template/app/src/client/static/avatar-placeholder.png
deleted file mode 100644
index 7acc8864..00000000
Binary files a/template/app/src/client/static/avatar-placeholder.png and /dev/null differ
diff --git a/template/app/src/client/static/da-boi.png b/template/app/src/client/static/da-boi.png
deleted file mode 100644
index 0f9227e0..00000000
Binary files a/template/app/src/client/static/da-boi.png and /dev/null differ
diff --git a/template/app/src/client/static/logo.png b/template/app/src/client/static/logo.png
deleted file mode 100644
index d39a9443..00000000
Binary files a/template/app/src/client/static/logo.png and /dev/null differ